Accessia
Auditer mon site
Tous les critères par thématique

Thématique 10 · Présentation de l'information

Critère RGAA 10.14 : Contenus CSS accessibles au clavier

Un sous-menu qui n'apparaît qu'au survol de la souris (:hover) reste inaccessible aux personnes qui naviguent au clavier.

Niveau
A
WCAG 2.2
2.1.1
Thématique
Présentation de l'information
Vérification
Vérification humaine

La question posée par le RGAA

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 ?

Comment respecter ce critère

  • Affichez aussi ces contenus au focus (:focus-within) ou au clic, et pas seulement au survol.

Les tests officiels

Pour être conforme, chaque élément concerné de la page doit satisfaire les tests suivants :

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

Source : RGAA 4.1.2, critère 10.14, DINUM (nouvel onglet), sous Licence Ouverte. Le RGAA précise aussi des cas particuliers et un glossaire à consulter pour un audit officiel.

Comment Accessia le vérifie

Ce critère demande un jugement humain (pertinence, contexte, contenu multimédia). La revue guidée d'Accessia vous le présente avec ses tests officiels, et l'extension Chrome aide à le vérifier (ordre de tabulation, titres, zones, lecteur d'écran, simulations).