Exemples de composants

Masquage accessible
Créer des éléments non-visibles à l'écran mais accessibles aux outils d'assistances.
Gestion des formulaires
Exemple de formulaire accessible.
Gestion du zoom, agrandissement de la taille du texte
Gestion de l'agrandissement de la taille des caractères par l'utilisateur.
Affichage et vocalisation des prix
Afficher des promos, des prix barrés accessibles.
Les régions ARIA
Mise en place de régions ARIA (landmarks).
Les boites de dialogue 1/2
Exemple de boite de dialogue accessible (partie 1).
Les boites de dialogue 2/2
Exemple de boite de dialogue accessible (partie 2).
Menu déroulant
Créer un menu déroulant accessible.
Faire parler le lecteur d'écran via Javascript
Exemple de code permettant de faire parler la synthèse vocale.
Exemple de tchat bot accessible
Créer un tchat bot accessible.
Créer des « tags » accessibles 1/2
Exemple d'étiquettes accessibles (partie 1).
Créer des « tags » accessibles 2/2 (exemples)
Exemple d'étiquettes accessibles (partie 2).
Les iframes « techniques »
Comment masquer les iframes aux outils d'assistance.
Les attributs ARIA qui peuvent vous sauver
Quelques attributs ARIA à connaître.
Les listes ARIA (listbox) 1/3
Exemple de liste ARIA (partie 1).
Les listes ARIA (listbox) 2/3 (avec cases à cocher)
Exemple de liste ARIA (partie 2), intégration de cases à cocher.
Les listbox et patterns ARIA 3/3 (navigation au clavier)
Exemple de liste ARIA (partie 3), gestion de la navigation clavier.
Explorateur de fichiers (cloud)
Exemple d'explorateur de fichier accessible.
Les régions vivantes (live regions), contenu dynamique, gestion du focus et ARIA
Gestion des zones qui se mettent à jour dynamiquement dans vos pages.