Checklist Renow 4.3

6 résultat(s) trouvé(s)

Navigation

  • NV.044 - Français et allemand - Niveau 3

    Le site est disponible en français et en allemand, selon le sujet du site.
    L'allemand étant la langue apprise jusqu'au 2nd cycle (formation classique). Et le français la langue statistiquement la plus parlée au Luxembourg.
    • Etape(s):
      • Arborescence
      • Final
    • Types d'exigence:
      • Ergonomie
      • Référencement
      • Accessibilité
    • WCAG 2.1:
      • 3.1.5(AAA)

  • NV.012 - Compréhension des niveaux de navigation - Niveau 3

    Le système de navigation proposé donne la possibilité à l'utilisateur d'identifier clairement les différents niveaux de navigation qui lui sont proposés.
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 2.4.8(AAA)

  • NV.013 - Chemin de localisation - Niveau 3

    Le chemin de localisation décrit de manière fidèle la position de l'utilisateur dans le produit (site, application) et reprend tous les titres des pages parentes associées. Le dernier élément correspond à la page en cours.
    Chemin de localisation est aussi appelé fils d'ariane ou breadcrumb
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 2.4.8(AAA)

  • NV.019 - Utilisation de modale - Niveau 3

    Les fenetres modales (et non des pop up) sont utilisées de manière appropriées:
    - apparence et intérêt
    - titre
    -navigation clavier
    -role aria.
    Apparence: une modale est une boite affichée en superposition de la page consultée en conservant le contexte. (par opposition aux pop up qui s'ouvrent dans une nouvelle fenetre ou onglet)
    Si le processus utilisateur doit être interrompu, le background est inaccessible.
    interet: La modale est nécessaire à la réalisation d'une tâche demandée par l'utilisateur dans son contexte (affichage d'une définition ou d'une aide, saisie de données spécifiques).
    Le titre est visible et lié à un aria-label ou un aria-labelledby.
    navigation clavier: Elle recoit le focus lors de son apparition et est manipulable au clavier.
    Le role dialog est utilisé.
    <code><div role="dialog" aria-labelledby="modal-title">
    <h1 id="modal-title">[Titre de la fenetre modale]</h1>
    [Contenu texte de la modale]
    <button>Fermer</button>
    </div> </code> https://www.w3.org/TR/wai-aria-practices/#dialog_modal, https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/dialog.html
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 2.1.1(A)
      • 4.1.2(A)

  • NV.028 - Longueur des liens - Niveau 3

    La longueur des textes de lien proposés dans le corps de texte est comprise entre 5 et 80 caractères.
    Moins de 5 caractères révèle un manque de signification du lien et une zone de clic difficile à atteindre. Plus de 80 caractères révèle un lien trop long en particulier pour les plages brailles et lecteurs d'écran
    • Etape(s):
      • Prototype
      • Rédaction
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 1.4.8(AAA)

  • NV.023 - Surface des zones d'interaction - Niveau 3

    Chaque élément d'interaction possède une zone d'interaction de
    - soit une surface minimum de 32px sur 20px
    - soit une surface minimum de 20px sur 12px et une marge de 6px avec les éléments alentours.
    • Etape(s):
      • Prototype
      • Final
      • Design graphique
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 2.5.5(AAA)
Dernière modification le