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

    • Icon: Demande d'amélioration Demande d'amélioration
    • Résolution: Résolu
    • Icon: Mineur Mineur
    • master, 6.07.07
    • 6.07.02

      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>

            alice.ark Alice ARK [X] (Inactif)
            alice.ark Alice ARK [X] (Inactif)
            Votes:
            0 Voter pour ce ticket
            Gérer les observateurs:
            2 Démarre l'observation de ce ticket

              Création:
              Mise à jour:
              Résolue: