Composants interactifs accessibles

Cette ressource est destinée aux développeurs. Elle a été conçue comme une ressource de référence pour tester les restitutions aux lecteurs d'écran.

Elle contient un ensemble de composants codés en JavaScript, sans avoir recours à des bibliothèques.

Voici la liste de composants interactifs sélectionnés :

  1. potentiomètre
  2. barre de progression
  3. fenêtre de dialogue
  4. système d'onglet
  5. infobulle
  6. bouton d'action
  7. case à cocher
  8. barre de menu
  9. accordéon
  10. arborescence
  11. calendrier de saisie
  12. liste d'autocomplétion

Vous pouvez télécharger le fichier compressé des composants JavaScript (zip, 51 ko), ou retrouver le dépôt sur le compte Github de la Disic.

La partie tutoriel de cette ressource est consultable en ligne sur cette page.

À noter que seules les interactions clavier requises par le RGAA 3 ont été implémentées. Pour voir l'ensemble des interactions prévues par la spécification, se reporter aux modèles de conception WAI-ARIA (anglais).

Vous pouvez également télécharger la grille pour évaluer l'accessibilité des composants JavaScript (ODS, 131 ko).

Note 1 : Certains enrichissements, nécessaires à une restitution correcte, sont décrits pour chaque composant. ces enrichissements ne sont pas demandés par les motifs de conception ARIA car ils sont contextuels à la nature et l'utilisation du composant ou de ses contenus.

Note 2 : Les interactions au clavier sont limitées à celles requises par le référentiel.