Accessibility enhancement

Add the attributes `tabindex` to the tab of the statistics page to make then accessible from the keyboard.
zestedesavoir · Dec 18, 2018 · d825eeb · d825eeb
1 parent b619894
commit d825eeb
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/templates/tutorialv2/stats/index.html b/templates/tutorialv2/stats/index.html
@@ -34,11 +34,11 @@ <h2 class="ico-after ico-tutorials">
 
         <!-- Tab links -->
         <div class="tab">
-            <span class="tablinks" id="tab-view-graph">{% trans "Pages vues" %}</span>
-            <span class="tablinks" id="tab-visit-time-graph">{% trans "Temps de lecture" %}</span>
-            <span class="tablinks" id="tab-users-graph">{% trans "Nombre de visiteurs" %}</span>
-            <span class="tablinks" id="tab-new-users-graph">{% trans "Nombre de nouveaux visiteurs" %}</span>
-            <span class="tablinks" id="tab-sessions-graph">{% trans "Nombre de sessions" %}</span>
+            <span class="tablinks" tabindex="0" id="tab-view-graph">{% trans "Pages vues" %}</span>
+            <span class="tablinks" tabindex="0" id="tab-visit-time-graph">{% trans "Temps de lecture" %}</span>
+            <span class="tablinks" tabindex="0" id="tab-users-graph">{% trans "Nombre de visiteurs" %}</span>
+            <span class="tablinks" tabindex="0" id="tab-new-users-graph">{% trans "Nombre de nouveaux visiteurs" %}</span>
+            <span class="tablinks" tabindex="0" id="tab-sessions-graph">{% trans "Nombre de sessions" %}</span>
         </div>
         <!-- Tab content -->
         {% include "misc/graph.part.html" with tab_name="tab-view-graph-content" graph_title="Évolution des pages vues sur le contenu" canvas_id="view-graph" metric="pageviews" %}