vous êtes ici

Structure et sémantique

Afficher et cacher du contenu dans un panneau dépliant

Les panneaux dépliants sont très utilisés sur le web. Voici quelque techniques pour les rendre accessibles.

ARIA - introduction

ARIA signifie "Accessible Rich Internet Applications". La spécification ARIA définit une série d'attributs qui peuvent améliorer la sémantique de composants complexes pour les rendre plus accessibles aux utilisateurs d'aides techniques.

Nommer les champs de formulaires

Dans un formulaire, chaque champ doit avoir une étiquette ou label. Ce label doit être visible et lisible. Il doit être pertinent. Et il doit être relié au champ dans le code.

Sémantique

Pour chaque type de contenu, utilisez les balises HTML sémantiques appropriées. Par exemple, utilisez h1-h6 pour identifier les titres (ou sous-titres), ul, ol, li pour les listes p pour les paragrap…

Aria-label et aria-labelledby

Les attributs aria-label et aria-labelleby peuvent servir à définir le nom d'un élément.

ARIA - états et propriétés

Certaines attributs ARIA permettent de spécifier ou modifier l'état ou les propriétés des éléments.

ARIA - l'attribut role

L'attribut ARIA role définit le rôle d'un élément dans l'accessibility tree.

Cacher du texte

Il existe plusieurs façons de cacher du texte, des images ou tout autre élément sur une page web. Choisissez la meilleure technique en fonction de vos objectifs.