Image du projet 'Front-office générique' téléversée
  1. Front-office générique
  2. FRONTGEN-109

Revoir le flux HTML du menu de versions de langues pour l'accessibilité

    XMLWordImprimable

    Informations

    • Type: Demande d'amélioration
    • Etat: A Valider
    • Priorité: Mineur
    • Résolution: Non résolu
    • Affecte la/les version(s): 6.07.02
    • Version(s) corrigée(s): master, 6.07.07
    • Etiquettes:

      Description

      Plusieurs modifications doivent être apportées sur le menu de langues situé en haut de page pour respecter les critères RGAA (double A) :

      Critère 6.1 : Chaque lien est-il explicite (hors cas particuliers) ?

      Dans menu_versions.jsp

      1. Supprimer tabindex de la balise <button class="plier-deplier_bouton versions_item">.
      2. Supprimer tabindex de la balise <a> (dans <li class="versions__item">).
      3. Ajouter aria-label="[Langue courante] (changer la langue)" dans la balise <button class="plier-deplier_bouton versions_item">.
      4. Ajouter aria-label="Version [langue]" dans la balise <a> (dans <li class="versions__item">).

      À noter que les contenus de ces attributs aria-label doivent être correctement traduits en fonction de la langue courante du site.

      Pour obtenir par exemple concrètement, dans le cas où la langue courante est le français :

      <button class="plier-deplier__bouton versions__item" aria-expanded="false" aria-label="Français (changer la langue)">fr</button>
      <div class="plier-deplier__contenu plier-deplier__contenu--clos">
       <ul>
       <li class="versions__item versions_en" lang="en">
       <a href="..." aria-label="English version">en</a>
       </li>
       </ul>
      </div>

        Pièces jointes

          Liens des demandes

            Activité

              Personnes

              • Responsable:
                alice.ark Alice ARK
                Rapporteur:
                alice.ark Alice ARK
              • Votes:
                0 Voter pour cette demande
                Gérer les observateurs:
                2 Commencer l'observation de cette demande

                Dates

                • Création:
                  Mise à jour: