RGAA Lab

RGAA 4.1.2 · Présentation de l’information · Critère 10.14

Dans chaque page web, les contenus additionnels apparaissant via les styles CSS uniquement peuvent-ils être rendus visibles au clavier et par tout dispositif de pointage ?

Un contenu qui n'apparaît qu'au survol n'existe pas pour qui navigue au clavier, ni pour qui utilise un écran tactile.

Ce que dit le référentiel

Transcription du RGAA 4.1.2, sans interprétation. C’est ce texte qui fait foi, et celui que vous citez dans un rapport.

  1. 10.14.1
    Dans chaque page web, les contenus additionnels apparaissant au survol d’un composant d’interface via les styles CSS respectent-ils si nécessaire une de ces conditions ?
    • Les contenus additionnels apparaissent également à l’activation du composant via le clavier et tout dispositif de pointage ;
    • Les contenus additionnels apparaissent également à la prise de focus du composant ;
    • Les contenus additionnels apparaissent également par le biais de l’activation ou de la prise de focus d’un autre composant.
  2. 10.14.2
    Dans chaque page web, les contenus additionnels apparaissant au focus d’un composant d’interface via les styles CSS respectent-ils si nécessaire une de ces conditions ?
    • Les contenus additionnels apparaissent également à l’activation du composant via le clavier et tout dispositif de pointage ;
    • Les contenus additionnels apparaissent également au survol du composant ;
    • Les contenus additionnels apparaissent également par le biais de l’activation ou du survol d’un autre composant.

Comment le vérifier

  1. Chercher dans les feuilles de styles les règles :hover et :focus qui rendent un contenu visible (display, visibility, opacity).
  2. Pour chaque cas, tabuler jusqu'au composant : le contenu doit apparaître aussi.
  3. Vérifier au doigt, ou en mode tactile de l'inspecteur, que le contenu reste atteignable sans survol.
  4. Le référentiel accepte plusieurs voies — activation, prise de focus, ou même un autre composant : c'est l'existence d'un moyen sans survol qui compte, pas sa forme.

Ce que notre outil fait

Jugement humain

Aucune machine ne tranche ce critère. L’outil vous présente les éléments et enregistre votre constat.

Aucune règle ne porte sur ce critère, et l'extension ne dépouille pas les feuilles de styles : elle ne vous désigne aucun élément. Les contenus qui n'apparaissent qu'au survol se trouvent à la main, dans l'inspecteur ; savoir si le clavier obtient le même résultat demande ensuite de tabuler et de regarder. L'assistant vous pose la question et enregistre votre constat.

Comment nous mesurons ce que l'outil sait faire · ce critère s'audite dans l'extension RGAA Lab.

Les pièges

Les erreurs qu’on rencontre vraiment, relevées au fil des audits.

  • :hover sur un élément non focusable : aucun réglage de style ne rattrape cela, il faut rendre le composant atteignable au clavier.
  • Un sous-menu affiché au seul :hover de son parent rend toute une navigation inutilisable au clavier, alors que rien ne le signale à la souris.

À lire avec