Interface permettant d’afficher ou de masquer des sections de contenus en activant un bouton situé dans leur en-tête.
Composants interactifs accessibles
À propos de cette section
Les fiches ci-dessous présentent des exemples de composants interactifs accessibles et en documentent les points clés. Elles se focalisent sur :
- les critères fonctionnels à surveiller (comportements attendus avec les outils d’adaptation et la navigation au clavier);
- les aspects techniques permettant d’assurer cette accessibilité fonctionnelle.
Les exemples de composants s’appuient sur les Règles d’accessibilité des contenus Web (WCAG) 2.2. En plus d’une validation de conformité, ils ont fait l’objet de tests fonctionnels et de tests utilisateurs. Nous avons par ailleurs porté une attention particulière à l’utilisabilité des exemples.
Considérant la portée des fiches explicatives, il convient de se référer aux Règles d’accessibilité des contenus Web pour un portrait complet des critères à respecter. Celles-ci font l’objet d’un traitement vulgarisé dans la section Les règles de la formation du Laboratoire.
Découvrir les composants
-
-
Fenêtre superposée qui bloque toute autre action dans la page Web sous-jacente, jusqu’à ce que l’internaute ferme cette boîte.
-
Zone d’édition de texte qui déploie une liste de suggestions au moment de la saisie.
-
Navigation constituée d’une liste de boutons, représentant des sections d’un site web et permettant d’afficher ou de masquer des menus de liens associés.
-
Bouton pour étendre ou réduire l’affichage de la navigation principale, à la manière d’un accordéon.
-
Structure de navigation qui facilite les déplacements entre l’appel de note et son contenu, à l’aller et au retour.
-
Interface organisant plusieurs contenus en panneaux superposés, navigables depuis des onglets. Seul le panneau de l’onglet actif est visible.
-
Collection de blocs de contenus unis par le sens, donnant l’apparence de tuiles. Une tuile peut être rendue cliquable dans son ensemble, sous certaines conditions.
-
Approche à la fois accessible et conviviale pour valider les données saisies dans un formulaire et aviser l’internaute d’éventuelles erreurs, afin qu’il puisse les corriger avant l’envoi final.
En savoir plus sur ce projet
Cette ressource a été développée dans le cadre du projet Composants interactifs accessibles (2024‑2025).
