Composants d'interface riche

Les composants d’interface riche sont des éléments dynamiques implémentés avec du javascript.

Les composants d’interface riche regroupent les éléments dynamiques proposées dans une page tel que les onglets, les accordéons, les carousels, les fenêtres modales…
Très souvent ceux-ci font appel à du javascript pour fonctionner. L’accessibilité au clavier ne doit cependant pas être négligée.

Il faut donc absolument s’assurer que tout script déclenché à la souris :

• est atteignable au clavier 
• est contrôlable au clavier une fois le focus placé sur l’élément.

En cas d’impossibilité de contrôle au clavier, il faudra prévoir alors une alternative pou rendre l’information accessible.

Règles d’accessibilité à vérifier sur les composants d’interface riche

• Les contenus dynamiques apparaissant au survol ou au clic de la souris apparaissent aussi en utilisant le clavier ;
• Les composants d’interface générés ou contrôlés au moyen de JavaScript sont contrôlables avec un synthétiseur vocal ;
• L’utilisateur est averti s’il y a un changement de contexte (ouverture d’une fenêtre modale, par exemple).