mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-04 03:28:24 -04:00
f553158846
Since the key relies on visual association between the shapes on the maps and the styling of the key, it won’t work for non-visual users. An alternative way of giving them the same information is by providing the size of the area numerically.
24 lines
742 B
HTML
24 lines
742 B
HTML
{% macro map(broadcast_message) %}
|
|
<div id="map"></div>
|
|
<ul>
|
|
<li class="area-key area-key--certain">
|
|
<span class="visually-hidden">
|
|
An area of {{ "{:,.1f}".format(broadcast_message.simple_polygons.estimated_area) }} square miles
|
|
</span>
|
|
Will get
|
|
<span class="visually-hidden">the</span>
|
|
alert
|
|
</li>
|
|
<li class="area-key area-key--likely">
|
|
<span class="visually-hidden">
|
|
An extra area of {{ "{:,.1f}".format(broadcast_message.simple_polygons.bleed.estimated_area - broadcast_message.simple_polygons.estimated_area) }} square miles is
|
|
</span>
|
|
Likely to get
|
|
<span class="visually-hidden">
|
|
the
|
|
</span>
|
|
alert
|
|
</li>
|
|
</ul>
|
|
{% endmacro %}
|