add aria attributes to sidebar dropdowns

empowerplan · May 16, 2024 · 18508bb · 18508bb
1 parent 53ccafa
commit 18508bb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/digiplan/templates/components/panel_2_today.html b/digiplan/templates/components/panel_2_today.html
@@ -11,7 +11,7 @@ <h2 class="panel-item__heading panel-item__heading--nopadding">
       {% translate "Situation today" %}
     </h2>
     <div class="panel-item__form">
-      <select class="form-select" aria-label="Default select example" id="situation_today">
+      <select class="form-select" aria-label="Eine Option auswählen, um die jeweilige Grafik zu sehen" aria-controls="region_chart_statusquo" id="situation_today">
         <option value="" title="{% translate "Keine Auswahl" %}" selected>{% translate "Keine Auswahl" %}</option>
         <optgroup label="{% translate "Planning Region" %}">
           <option value="population_statusquo" title="{% translate "EinwohnerInnen - Historische Daten, heute und Zukunftsprognosen" %}">{% translate "Population" %}</option>
@@ -81,7 +81,7 @@ <h2 class="panel-item__heading panel-item__heading--nopadding">
   </div>
   <div class="panel-item">
     <div class="panel-item__padding">
-      <div id="region_chart_statusquo" class="panel-item__chart"></div>
+      <div id="region_chart_statusquo" class="panel-item__chart" aria-live="polite"></div>
     </div>
   </div>
 </div>

diff --git a/digiplan/templates/components/panel_5_results.html b/digiplan/templates/components/panel_5_results.html
@@ -26,7 +26,7 @@ <h2 class="panel-item__heading panel-item__heading--nopadding">
       </div>
     </div>-->
     <div class="panel-item__form">
-      <select id="result_views" class="form-select" aria-label="Default select example">
+      <select id="result_views" class="form-select" aria-label="Eine Option auswählen, um die jeweilige Grafik zu sehen" aria-controls="region_chart_2045">
         <option value="" title="{% translate "Keine Auswahl" %}" selected>{% translate "Keine Auswahl" %}</option>
         <optgroup label="{% translate "Renewable Energies (RE)" %}">
           <option value="energy_share_2045"
@@ -85,7 +85,7 @@ <h2 class="panel-item__heading panel-item__heading--nopadding">
     <div id="result_simnote" class="panel__simnote"></div>
     <div class="panel-item">
       <div class="panel-item__padding">
-        <div id="region_chart_2045" class="panel-item__chart"></div>
+        <div id="region_chart_2045" class="panel-item__chart" aria-live="polite"></div>
       </div>
     </div>
     <div class="panel-item__nav" style="display: none !important;">