Checklist Renow 4.3

30 résultat(s) trouvé(s)

Navigation

  • NV.008 - Cohérence entre lien et titre - Niveau 1

    Le titre H1 de la page en cours de consultation correspond à l'intitulé de l'élément de navigation permettant d'accéder à cette page. Il reprend au moins l'intitulé exact mais peut être complété. Par exemple : Intitulé affiché dans l'élément de navigation "Méthode" et titre de page associé : "La méthode Renow".
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie

  • NV.020 - Contrôle explicite - Niveau 1

    Les changements d'affichage (animation, lancement de vidéo ou son, affichage d'une modale, nouvelle fenêtre ...) sont uniquement issus d'une action de l'utilisateur.
    Les actualisations, les sliders et les alertes importantes font exceptions.
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 3.2.2(A)
      • 2.2.2(A)

  • NV.026 - Apparence des zones d'interactions - Niveau 1

    Les "actions utilisateurs" (p.ex. lancer une recherche) se distinguent clairement des liens de navigation.
    Pour l'accessibilité, une action utilisateur se présente avec une balise ou un role button.
    • Etape(s):
      • Prototype
      • Final
      • Design graphique
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 4.1.2(A)

  • NV.035 - Annulation des clics - Niveau 1

    L'utilisateur doit pouvoir annuler l'action de sélection si le relâchement a lieu en dehors de la zone cliquable pointée.
    Lorsqu'on clique sur un lien: l'action d'appuyer se distingue de l'action de relachement, l'utilisateur peut changer d'avis après l'appui et avant le relâchement.
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 2.5.2(A)

Présentation

  • PR.004 - Compréhension sans design - Niveau 1

    L'information est compréhensible (contenu + ordre par type de contenu) lorsque l'on désactive les feuilles de styles
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
      • Référencement
    • WCAG 2.1:
      • 1.3.2(A)

  • PR.013 - Utilisation de citation - Niveau 1

    Les citations, extraits d'articles et de textes de lois sont identifiés et présentés de manière particulière.
    La mise en évidence se fait à l'aide de balises appropriées : - q pour les citations courtes, -blockquote pour les citations longues. -Pour les lois, em ou q peuvent être utilisées
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
    • WCAG 2.1:
      • 1.3.1(A)

  • PR.019 - Apparition d'alertes - Niveau 1

    Lorsqu'une alerte (ou un message d'erreur) apparait, l'utilisateur doit le comprendre immédiatement : visible à l'écran et accompagné d'un rôle approprié.
    Ce critère est applicable dans les formulaires ou dans les alertes. Il faudra utiliser les attributs role= alert ou aria-alertdialog.
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 3.3.1(A)
      • 4.1.3(AA)

  • PR.028 - Compatibilité lecteur d'écran - Niveau 1

    Le site est compatible avec lecteur d'écran.
    Les informations données par le lecteur d'écran font du sens et les fonctionnalités sont utilisables
    • Etape(s):
      • Final
      • Prototype
    • Types d'exigence:
      • Accessibilité
      • Référencement
    • WCAG 2.1:
      • 4.1.2(A)

Navigation

  • NV.022 - Parcours intuitif au clavier - Niveau 1

    Le parcours au clavier est visible et anticipable par l'utilisateur.
    L'ordre de parcours est cohérent: de gauche à droite et du haut vers le bas.
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
    • WCAG 2.1:
      • 2.4.3(A)
      • 2.4.7(AA)
      • 3.2.1(A)
      • 3.2.2(A)

  • NV.031 - Cohérence entre les noms visibles et le code - Niveau 1

    Le libellé d'un bouton ou d'un lien dans le code correspond au texte ou au début de l'intitulé qui est visible ou graphiquement évident.
    Il peut être complété par un title mais non remplacé. Un pictogramme doit faire appel à un intitulé suffisamment évident.
    (un bouton loupe signifie de manière évidente "rechercher")
    • Etape(s):
      • Prototype
      • Final
      • Design graphique
    • Types d'exigence:
      • Accessibilité
    • WCAG 2.1:
      • 2.5.3(A)

  • NV.037 - Raccourcis clavier - Niveau 1

    Aucun raccourci clavier n'est nécessaire pour le site. Si des raccourcis composés d'une seule touche sont proposés, ils doivent être configurables par l'utilisateur.
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
    • WCAG 2.1:
      • 2.1.4(A)

Présentation

  • PR.015 - Utilisation des liens externes - Niveau 1

    Les liens externes (renvoyant vers un autre site) et les éléments téléchargeables s'ouvrent dans une nouvelle fenêtre. L'indication d'ouverture dans une nouvelle fenêtre est précisée dans l'attribut TITLE (intitulé - nouvelle fenêtre).
    L'information s'affiche au survole du lien. Pour l'accessibilité, l'ouverture dans une nouvelle fenêtre est essentielle.
    • Etape(s):
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 2.4.4(A)

  • PR.024 - Onglet actif - Niveau 1

    L'onglet actif est relié à la portée de son contenu.
    Grâce à 2 mécanismes (visuellement et avec l'attribut aria-selected)
    • Etape(s):
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 1.4.1(A)
      • 4.1.2(A)

Navigation

  • NV.010 - Titre de page unique - Niveau 1

    Chaque titre dans l'onglet du navigateur (title) est unique et correspond au titre de la page (h1).
    • Etape(s):
      • Arborescence
      • Prototype
      • Rédaction
      • Final
    • Types d'exigence:
      • Accessibilité
    • WCAG 2.1:
      • 2.4.2(A)

  • NV.025 - Intitulé unique - Niveau 1

    Le contenu ne contient pas de lien ayant un texte identique pour des cibles différentes.
    Les textes et titres dont le lien fait parti, doivent le rendre explicite.
    • Etape(s):
      • Prototype
      • Rédaction
      • Final
      • Design graphique
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 2.4.4(A)
      • 2.4.9(AAA)

  • NV.034 - Alternative aux interactions tactiles complexes - Niveau 1

    Les manipulations tactiles complexes (secouer, glisser, utilisation de plusieurs doigts, actions aux mouvements) ont une alternative tactile simple (bouton, lien…) et les détections de mouvement peuvent être désactivée.
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 2.5.1(A)
      • 2.5.4(A)

  • NV.043 - Version linguistique en cours - Niveau 1

    Seules les versions linguistiques disponibles (et non la version en cours de consultation) sont cliquables
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 1.1.1(A)

Présentation

  • PR.003 - double transmission d'information - Niveau 1

    L'information ne doit pas être donnée uniquement par la couleur, la forme, la taille ou la position.
    • Etape(s):
      • Prototype
      • Final
      • Design graphique
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 1.3.3(A)
      • 1.4.1(A)

  • PR.012 - Utilisation de mots-clés - Niveau 1

    Les expressions importantes et les mots-clés sont mis en évidence en gras.
    Pour l'accessibilité, la mise en évidence se fait à l'aide de balises appropriées (strong)
    • Etape(s):
      • Prototype
      • Final
      • Rédaction
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 1.3.1(A)

  • PR.021 - Contraste des liens - Niveau 1

    Les liens de type "contenu" sont soulignés ou ont un contraste avec le texte alentour de 3:1 minimum.
    https://webaim.org/resources/linkcontrastchecker/
    • Etape(s):
      • Prototype
      • Final
      • Design graphique
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 1.4.1(A)

Navigation

  • NV.003 - Liens du menu de navigation - Niveau 1

    Les menus de navigation sont composés uniquement de liens vers des pages HTML internes du produit.
    • Etape(s):
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 2.4.4(A)
      • 3.2.3(AA)

  • NV.021 - Compatibilité navigation au clavier - Niveau 1

    Toutes les actions peuvent être accomplies à l'aide du clavier.
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
    • WCAG 2.1:
      • 2.1.1(A)
      • 2.1.2(A)

  • NV.036 - Contrôle des changements et mouvements - Niveau 1

    Chaque changement d'affichage (actualisation, vidéo, modale, slider,...) est contrôlable par l'utilisateur (play, pause, volume, affichage de sous-titres, fermeture).
    Le contrôle doit être possible à la souris, au clavier ou au toucher.
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 1.4.2(A)

Présentation

  • PR.023 - Portée d'un système d'onglet - Niveau 1

    Lorsqu'un système d'onglets est utilisé, la portée des onglets est mis en évidence par le design et grâce au code.
    avec des role=tab et des aria-controls
    • Etape(s):
      • Prototype
      • Final
      • Design graphique
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 4.1.2(A)

  • PR.029 - Compatibilité taille d'écran - Niveau 1

    Le site est compatible sur ordinateur, smartphone et tablette (en portrait et paysage)
    La navigation mobile est utilisable, pas de chevauchement de contenu, l'ordre des contenus reste logique sur ces différents écrans
    • Etape(s):
      • Final
    • Types d'exigence:
      • Accessibilité
      • Référencement
    • WCAG 2.1:
      • 4.1.10(A)
      • 1.3.4(AA)

Navigation

  • NV.038 - Piège à la navigation - Niveau 1

    Le site ne contient aucun piège ni au clavier ni à la manipulation tactile.
    L'utilisateur ne peut rester coincer dans une partie de la page: carte, iframe,… Des zones de navigation telles que des bordures doivent être aménagées autour de ces contenus.
    • Etape(s):
      • Prototype
      • Rédaction
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 2.1.2(A)

Présentation

  • PR.007 - Présentation homogène - Niveau 1

    Les informations de même niveau (titres principaux, titres secondaires, texte standard, légendes, box ...) se présentent partout de la même manière.
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
    • WCAG 2.1:
      • 1.3.1(A)
      • 3.2.4(AA)

  • PR.010 - Effet de flash - Niveau 1

    Les pages n'imposent pas d'effets de flash, des changements de luminosité ou des clignotements.
    La fréquence de l'effet doit être inférieur à 3 sur une seconde. Si la fréquence est supérieure l'utilisateur doit pouvoir le stopper
    • Etape(s):
      • Prototype
      • Final
      • Design graphique
    • Types d'exigence:
      • Accessibilité
    • WCAG 2.1:
      • 2.3.1(A)
      • 2.2.2(A)

Navigation

  • NV.024 - Liens explicites - Niveau 1

    Les libellés de lien indiquent clairement leur destination
    Il est préférable de fournir un intitulé explicite à lui seul. Si ce n'est pas possible, les textes et titres dont il fait parti, doivent le rendre explicite.
    • Etape(s):
      • Prototype
      • Rédaction
      • Final
    • Types d'exigence:
      • Accessibilité
      • Ergonomie
    • WCAG 2.1:
      • 2.4.4(A)
      • 2.4.9(AAA)

Présentation

  • PR.002 - liens d'évitement - Niveau 1

    Les liens d'évitement "aller au contenu", "aller à la navigation", "aller à la recherche" sont présents, au même endroit sur chaque site, s'ils ont un intérêt. Ils sont visibles au focus.
    Lors du parcours au clavier, les liens d'évitement doivent apparaitre dès la première tabulation
    • Etape(s):
      • Prototype
      • Final
    • Types d'exigence:
      • Accessibilité
    • WCAG 2.1:
      • 2.4.1(A)
Dernière modification le