Checklist Renow 4.3

18 résultat(s) trouvé(s)

Navigation

  • 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)

Contenu

  • CT.013 - Utilisation de titres explicites - Niveau 3

    Les pages sont organisées à l'aide de titres explicites et concis qui identifient l'information apportée par chaque section.
    L'arborescence ne contient pas d'acronyme ou d'abréviation.
    • Etape(s):
      • Arborescence
      • Prototype
      • Rédaction
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 3.1.4(AAA)

Recherche

  • RC.003 - Critères de recherche - Niveau 3

    Les critères de recherche sont rappelés dans la page de résultats
    Mots clé et filtres
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 3.3.6(AAA)

Présentation

  • PR.026 - Contraste de lecture - Niveau 3

    Le texte principal de la zone de contenu doit avoir un ratio de contraste minimum de 5,5:1.
    • Etape(s):
      • Prototype
      • Final
      • Design graphique
    • Types d'exigence:
      • Accessibilité
      • Ergonomie

Contenu

  • CT.001 - Structure d'information exclusive - Niveau 3

    Les informations sont placées de manière exclusive dans l'arborescence du site
    • Etape(s):
      • Arborescence
      • Rédaction
    • Types d'exigence:
      • Ergonomie
      • Référencement
      • Accessibilité

Formulaire

  • FM.006 - Choix explicites - Niveau 3

    Les champs SELECT, RADIO et CHECKBOX présentent des choix explicites (pas d'abréviations).
    • Etape(s):
      • Prototype
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 3.1.4(AAA)

Présentation

  • PR.022 - Survol des liens - Niveau 3

    L'effet de roll-over des liens de contenu non-soulignés font apparaître un soulignement.
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Ergonomie
      • Accessibilité
    • WCAG 2.1:
      • 2.4.7 (AA)

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)

Contenu

  • CT.012 - Utilisation d'abréviation - Niveau 3

    La première mention d'une abréviation ou d'un acronyme au sein d'une page donne l'intitulé complet suivi du sigle.
    • Etape(s):
      • Prototype
      • Rédaction
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 3.1.4(AAA)

Recherche

  • RC.007 - Nombre de résultat - Niveau 3

    Le nombre de résultat est indiqué à l'utilisateur dans la page de résultat de recherche.
    Dans le cas où il n'y a pas rechargement de la page de recherche, ce nombre doit être annoncé à l'utilisateur.
    • Etape(s):
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 4.1.3(AA)

  • RC.001 - Recherche globale - Niveau 3

    Une recherche globale du site est disponible à proximité de la navigation principale.
    La recherche s'effectue sur tous les contenus internes proposés par le produit (partie informationnelle et partie applicative).
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 2.4.5(AA)

Tableau

  • TB.006 - Manipulation des tris - Niveau 3

    Lorsqu'un tableau triable est présent, le tri de chaque colonne se fait en cliquant sur l'entête de colonne. Lors de l'activation d'un tri, le focus reste sur l'en-tête de la colonne activée et celle-ci est mise en évidence.
    La mise en évidence se fait visuellement et avec une alternative textuelle et iconographique.
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 4.1.2(A)

Présentation

  • PR.006 - Mise en forme du contenu - Niveau 3

    Les contenus des pages sont alignés à gauche sans justification
    • Etape(s):
      • Prototype
      • Rédaction
      • Final
      • Design graphique
    • Types d'exigence:
      • Accessibilité
    • WCAG 2.1:
      • 1.4.8(AAA)

Navigation

  • 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.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.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.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)

Formulaire

  • FM.019 - Conservation des informations saisies - Niveau 3

    En cas d'erreur, toutes les informations saisies par l'utilisateur (correctes et erronées) sont conservées et modifiables.
    • Etape(s):
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 3.3.6(AAA)

Dernière modification le