Exemples de composants

1. Bonnes pratiques pour un chatbot

   Créer un chatbot accessible.

2. Créer des tags accessibles 1/2

   Exemple d'étiquettes accessibles (partie 1).

3. Créer des tags accessibles 2/2

   Exemple d'étiquettes accessibles (partie 2).

4. Exemple de formulaire

   Exemple de formulaire accessible.

5. Exemple de menu déroulant

   Créer un menu déroulant accessible.

6. Exemple masquage accessible et aria-hidden

   Créer des éléments non-visibles à l'écran mais accessibles aux outils d'assistances.

7. Explorateur de fichier

   Exemple d'explorateur de fichier accessible.

8. Faire parler le lecteur d'écran à l'aide de JavaScript et ARIA

   Exemple de code permettant de faire parler la synthèse vocale.

9. Gestion de l’agrandissement des caractères

   Gestion du zoom, agrandissement de la taille du texte

10. Gestion dynamique du focus

    Gestion des zones qui se mettent à jour dynamiquement dans vos pages.

11. Les boîtes de dialogue 1/2

    Exemple de boite de dialogue accessible (partie 1).

12. Les boîtes de dialogue 2/2

    Exemple de boite de dialogue accessible (partie 2).

13. Les listbox

    Exemple de liste ARIA (partie 1).

14. Les listbox avec cases à cocher

    Exemple de liste ARIA (partie 2), intégration de cases à cocher.

15. Les listbox et la navigation au clavier

    Exemple de liste ARIA (partie 3), gestion de la navigation clavier.

16. Masquer les iframe techniques

    Comment masquer les iframes aux outils d'assistance.

17. Régions (landmarks) ARIA

    Mise en place de régions ARIA (landmarks).

18. Vocalisation des prix

    Afficher des promos, des prix barrés accessibles.