Accessibilité : ajoute un label aux jauges restitution compétences tr…

…ansvesales
betagouv · Nov 14, 2024 · ae0384a · ae0384a
1 parent 3db6b6d
commit ae0384a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/app/views/admin/evaluations/_competences_transversales.arb b/app/views/admin/evaluations/_competences_transversales.arb
@@ -24,7 +24,11 @@ div id: 'competences_transversales', class: 'page' do
             div class: 'competence-transversale' do
               div class: 'conteneur-jauge' do
                 div class: 'jauge'
-                div class: "jauge remplissage remplissage-#{interpretation}"
+                div class: "jauge remplissage remplissage-#{interpretation}",
+                    aria: {
+                      label: t(".niveau.#{interpretation}"),
+                      describedby: competence
+                    }
               end
               span class: 'image-competence' do
                 if pdf
@@ -35,6 +39,7 @@ div id: 'competences_transversales', class: 'page' do
               end
               div class: 'informations-competence' do
                 h3 t("#{competence}.nom", scope: 'admin.evaluations.restitution_competence'),
+                   id: competence,
                    class: 'nom-competence'
                 div class: 'description-competence' do
                   div md t("#{competence}.stanine#{interpretation}",

diff --git a/config/locales/views/evaluations.yml b/config/locales/views/evaluations.yml
@@ -76,6 +76,10 @@ fr:
 
           Pour obtenir vos scores, n'hésitez pas à repasser le parcours eva plus tard.
         etiquette_lien_metiers: "Détail et métiers associés : "
+        niveau:
+          1: niveau 1
+          2: niveau 2
+          3: niveau 3
       restitution_competence:
         indetermine: non obs.
         1: 1