aria-hidden sur l’élément lié

aria-labelledby

<input id="champ_texte_01a" type="text" aria-labelledby="toto_01" />
<p aria-hidden="true" hidden id="toto_01">Toto</p>
Restitution d’un message caché avec aria-hidden et lié au champ par aria-labelledby, en fonction du lecteur d’écran et du navigateur
NVDA 2020.1 NVDA 2020.2 JAWS 2020 VoiceOver
Firefox 80.0.1 restitution conforme : Le message lié est restitué restitution conforme : Le message lié est restitué @TODO non applicable
Safari XXX (MacOS Catalina) non applicable non applicable non applicable restitution conforme : Le message lié est restitué

aria-describedby

<label for="champ_texte_01b">Toto</label>
<input id="champ_texte_01b" type="text" aria-describedby="tata_01" />
<p aria-hidden="true" hidden id="tata_01">Tata</p>
Restitution d’un message caché avec aria-hidden et lié au champ par aria-describedby, en fonction du lecteur d’écran et du navigateur
NVDA 2020.1 NVDA 2020.2 JAWS 2020 VoiceOver
Firefox 80.0.1 restitution conforme : Le message lié est restitué restitution conforme : Le message lié est restitué @TODO non applicable
Safari XXX (MacOS Catalina) non applicable non applicable non applicable restitution conforme : Le message lié est restitué

aria-hidden sur un parent de l’élément lié

aria-labelledby

<input id="champ_texte_02a" type="text" aria-labelledby="toto_02" />
<div aria-hidden="true" hidden><p id="toto_02">Toto</p></div>
Restitution d’un message lié au champ par aria-labelledby, mais dont le parent est caché, en fonction du lecteur d’écran et du navigateur
NVDA 2020.1 NVDA 2020.2 JAWS 2020 VoiceOver
Firefox 80.0.1 restitution conforme : Le message lié est restitué restitution conforme : Le message lié est restitué @TODO non applicable
Safari XXX (MacOS Catalina) non applicable non applicable non applicable restitution conforme : Le message lié est restitué

aria-describedby

<label for="champ_texte_02b">Toto</label>
<input id="champ_texte_02b" type="text" aria-describedby="tata_02" />
<div aria-hidden="true" hidden><p id="tata_02">Tata</p></div>
Restitution d’un message lié au champ par aria-describedby, mais dont le parent est caché, en fonction du lecteur d’écran et du navigateur
NVDA 2020.1 NVDA 2020.2 JAWS 2020 VoiceOver
Firefox 80.0.1 restitution conforme : Le message lié est restitué restitution conforme : Le message lié est restitué @TODO non applicable
Safari XXX (MacOS Catalina) non applicable non applicable non applicable restitution conforme : Le message lié est restitué

aria-hidden sur un enfant de l’élément lié

aria-labelledby

<input id="champ_texte_03a" type="text" aria-labelledby="toto_03" />
<p id="toto_03"><span aria-hidden="true" hidden>Toto</span></p>
Restitution d’un message caché avec aria-hidden, enfant d’un paragraphe lié au champ par aria-labelledby, en fonction du lecteur d’écran et du navigateur
NVDA 2020.1 NVDA 2020.2 JAWS 2020 VoiceOver
Firefox 80.0.1 restitution non-conforme : Le message lié n’est pas restitué restitution non-conforme : Le message lié n’est pas restitué @TODO non applicable
Safari XXX (MacOS Catalina) non applicable non applicable non applicable restitution non-conforme : Le message lié n’est pas restitué

aria-describedby

<label for="champ_texte_03b">Toto</label>
<input id="champ_texte_03b" type="text" aria-describedby="tata_03" />
<p id="tata_03"><span aria-hidden="true" hidden>Tata</span></p>
Restitution d’un message caché avec aria-hidden, enfant d’un paragraphe lié au champ par aria-describedby, en fonction du lecteur d’écran et du navigateur
NVDA 2020.1 NVDA 2020.2 JAWS 2020 VoiceOver
Firefox 80.0.1 restitution non-conforme : Le message lié n’est pas restitué restitution non-conforme : Le message lié n’est pas restitué @TODO non applicable
Safari XXX (MacOS Catalina) non applicable non applicable non applicable restitution non-conforme : Le message lié n’est pas restitué

Retour à l’index des tests