(Sur mesure) rôle WAI-ARIA

Question

Je suis assez nouveau pour ARIA et les rôles, les états et les propriétés qu'il fournit. Je comprends qu'il existe différents types de rôles (par exemple des repères, régions, etc.), mais aucun d'entre eux représentent des domaines comme « région de connexion » ou quelque chose de similaire. Je me demande s'il existe des moyens de spécifier le regroupement de ces informations afin que le lecteur d'écran peut lire ces informations pour les utilisateurs? Par exemple. "Région Connectez-vous. Nom d'utilisateur Mot de passe ... ..."

Si cela est impossible avec ARIA, quelle est la manière générale de ce faire en HTML?

Merci à l'avance

Answer 1

WAI-ARIA est généralement pour le contenu dynamique, comme un symbole de titre de nouvelles, et non pour le contenu statique, comme un formulaire de connexion. est mieux atteint un contenu statique en utilisant HTML brut.

En supposant que vous avez une page où le formulaire de connexion est toujours affichée, ce qui suit devrait vous aider.

Pour un formulaire de connexion, d'un point de vue de l'accessibilité, vous devez d'abord veiller à ce que les champs de formulaire sont correctement étiquetés. Un fieldset \ légende est vraiment en option pour tels que petit formulaire.

étiquettes de codage des moyens de mise en correspondance correctement à l'aide de \ id attributs par exemple

<label for="loginName">Login name</label>
<input type="text" id="loginName" name="loginName" size="30" />
<label for="loginPassword">Login password</label>
<input type="password" id="loginPassword" name="loginPassword" size="10" />

Cela garantit que les utilisateurs screenreader (aveugles) peuvent entendre correctement les champs de formulaire étiquette correspondant lues. Pour d'autres éléments de formulaire, tels que des cases à cocher et des boutons radio, en utilisant un marquage correct comme celui-ci permet aux utilisateurs ayant des problèmes de dextérité à cliquer sur l'étiquette de texte pour activer l'entrée de formulaire (case à cocher \ bouton radio), ce qui signifie qu'ils ont zone cible plus large de cliquer sur le page.

Pour que l'utilisateur puisse savoir qu'ils étaient sur le point d'accéder à un formulaire de connexion, vous pouvez utiliser un titre ou fieldset \ legendf combo par exemple

<h2>Login form</h2>
<FORM HERE>

ou

<fieldset>
<legend>Login form</legend>
<FORM HERE>
</fieldset>

Chacune de ces serait bien, même si l'approche du cap créerait l'encombrement un peu moins audio pour les utilisateurs de lecteurs d'écran (avec un fieldset \ légende, la légende est lue avant chaque champ de formulaire)

Answer 2

Oui et non. Le formulaire doit être donné un rôle historique de « forme ». Cela permet à la technologie d'assistance pour voir le point de repère pour la navigation.

Reportez-vous à la spécifications .

En utilisant le point de repère aidera à naviguer la page, le point de repère lui-même ne produira pas la lecture des articles sous la forme elle-même. A la suite des pratiques déjà connues HTML mentionnées prendra soin du reste.