`aria-label` sur des champs

Hypothèse

Le aria-label doit être lu sur tout type de champs;
Le aria-label doit remplacer le contenu du label régulier sur tout type de champs.

Test

Nom complet Ampleur

Résultats

Système d'exploitation	Navigateur	NVDA 2018.1.1	NVDA 2017.4	JAWS 18	JAWS 16	VoiceOver
Windows 10	Chrome 66	Le contenu du `label` du champ de `type="text"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` est lu (navigation par tabulation); Le contenu du `label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation par tabulation).	Le contenu du `label` du champ de `type="text"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` est lu (navigation par tabulation); Le contenu du `label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation par tabulation).	Le contenu du `label` du champ de `type="text"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` est lu (navigation par tabulation); Le contenu du `label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation par tabulation).	Le contenu du `label` du champ de `type="text"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` est lu (navigation par tabulation); Le contenu du `label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation par tabulation).	Non applicable
Windows 10	Firefox 60	Le contenu du `label` du champ de `type="text"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` est lu (navigation par tabulation); Le contenu du `label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation par tabulation).	Le contenu du `label` du champ de `type="text"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` est lu (navigation par tabulation); Le contenu du `label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation par tabulation).	Le contenu du `label` du champ de `type="text"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` est lu (navigation par tabulation); Le contenu du `label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation par tabulation).	Les versions du navigateur et du lecteur d'écran ne sont pas compatibles.	Non applicable
Windows 10	Microsoft Edge 41.16299.402.0	Le contenu du `label` du champ de `type="text"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` est lu (navigation par tabulation); Le contenu du `label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation par tabulation).	Le contenu du `label` du champ de `type="text"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` est lu (navigation par tabulation); Le contenu du `label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation par tabulation).	Le contenu du `label` du champ de `type="text"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` est lu (navigation par tabulation); Le contenu du `label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation par tabulation).	Les versions du navigateur et du lecteur d'écran ne sont pas compatibles.	Non applicable
Windows 10	Internet Explorer 11	Le contenu du `label` du champ de `type="text"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` est lu (navigation par tabulation); Le contenu du `label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation par tabulation).	Le contenu du `label` du champ de `type="text"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` est lu (navigation par tabulation); Le contenu du `label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation par tabulation).	Le contenu du `label` du champ de `type="text"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` est lu (navigation par tabulation); Le contenu du `label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation par tabulation).	Le contenu du `label` du champ de `type="text"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="text"` est lu (navigation par tabulation); Le contenu du `label` du champ de `type="range"` est lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` n'est pas lu (navigation avec les flèches); Le contenu du `aria-label` du champ de `type="range"` est lu (navigation par tabulation).	Non applicable
OSX	Chrome 61	Non applicable	Non applicable	Non applicable	Non applicable	Le contenu du `aria-label`
OSX	Firefox 55	Non applicable	Non applicable	Non applicable	Non applicable	Le contenu du `aria-label`
OSX	Safari 10	Non applicable	Non applicable	Non applicable	Non applicable	Le contenu du `aria-label`

Système d'exploitation	Navigateur	Talkback	VoiceOver
Android 8.1.0	Chrome	Le contenu du `label` du champ de `type="text"` est lu; Le contenu du `aria-label` du champ de `type="text"` est lu; Le contenu du `label` du champ de `type="range"` est lu; Le contenu du `aria-label` du champ de `type="range"` est lu.	Non applicable
iOS 11.3.1	Safari	Non applicable	Le contenu du `label` du champ de `type="text"` est lu; Le contenu du `aria-label` du champ de `type="range"` n'est pas lu.
iOS 11.3.1/	Chrome	Non applicable	Le contenu du `label` du champ de `type="text"` est lu; Le contenu du `aria-label` du champ de `type="range"` n'est pas lu.

Retourner à l'index

Attention, cette page Web nécessite que JavaScript soit activé! JavaScript est un langage de programmation permettant d'améliorer l'expérience utilisateur.Malheureusement, il est désactivé dans votre navigateur. Veuillez l'activer pour afficher cette page.Comment activer JavaScript ?

aria-label sur des champs

Hypothèse

Test

Résultats

`aria-label` sur des champs