Note : les lecteurs d’écran utilisés pour les tests correspondant à la base de référence du RGAA.
Balise img avec aria-hidden="true"
Test 1.1 : image avec alt renseigné + aria-hidden="true"
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" alt="Attribut alt renseigné" aria-hidden="true" /></div>
Restitution de aria-hidden="true" sur une balise img avec alt renseigné, par les lecteurs d’écran sur ordinateur.
|
NVDA 2024.1 |
JAWS 2023 |
VoiceOver (macOS 14.6.1) |
| Firefox 132.0.2 |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
| Chrome 131 |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
| Safari (17.6) |
non applicable |
non applicable |
comportement conforme :
Image ignorée. |
Restitution de aria-hidden="true" sur une balise img avec alt renseigné, par les lecteurs d’écran sur mobile.
|
VoiceOver (iOS 18.0.1) |
TalkBack (15.0) |
| Safari |
comportement conforme :
Image ignorée. |
non applicable |
| Chrome |
non applicable |
comportement conforme :
Image ignorée. |
Test 1.2 : image avec alt et attribut title renseignés + aria-hidden="true"
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" alt="Attribut alt renseigné" title="Attribut title renseigné" aria-hidden="true" /></div>
Restitution de aria-hidden="true" sur une balise img avec alt et title renseignés, par les lecteurs d’écran sur ordinateur.
|
NVDA 2024.1 |
JAWS 2023 |
VoiceOver (macOS 14.6.1) |
| Firefox 132.0.2 |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
| Chrome 131 |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
| Safari (17.6) |
non applicable |
non applicable |
comportement conforme :
Image ignorée. |
Restitution de aria-hidden="true" sur une balise img avec alt et title renseignés, par les lecteurs d’écran sur mobile.
|
VoiceOver (iOS 18.0.1) |
TalkBack (15.0) |
| Safari |
comportement conforme :
Image ignorée. |
non applicable |
| Chrome |
non applicable |
comportement conforme :
Image ignorée. |
Test 1.3 : image avec alt vide mais title renseigné + aria-hidden="true"
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" alt="" title="Attribut title renseigné" aria-hidden="true" /></div>
Restitution de aria-hidden="true" sur une balise img avec alt vide mais title renseigné, par les lecteurs d’écran sur ordinateur.
|
NVDA 2024.1 |
JAWS 2023 |
VoiceOver (macOS 14.6.1) |
| Firefox 132.0.2 |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
| Chrome 131 |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
| Safari (17.6) |
non applicable |
non applicable |
comportement conforme :
Image ignorée. |
Restitution de aria-hidden="true" sur une balise img avec alt vide mais title renseigné, par les lecteurs d’écran sur mobile.
|
VoiceOver (iOS 18.0.1) |
TalkBack (15.0) |
| Safari |
comportement conforme :
Image ignorée. |
non applicable |
| Chrome |
non applicable |
comportement conforme :
Image ignorée. |
Test 1.4 : image avec aria-label renseigné + aria-hidden="true"
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" aria-label="Attribut aria-label renseigné" aria-hidden="true" /></div>
Restitution de aria-hidden="true" sur une balise img avec aria-label, par les lecteurs d’écran sur ordinateur.
|
NVDA 2024.1 |
JAWS 2023 |
VoiceOver (macOS 14.6.1) |
| Firefox 132.0.2 |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
| Chrome 131 |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
| Safari (17.6) |
non applicable |
non applicable |
comportement conforme :
Image ignorée. |
Restitution de aria-hidden="true" sur une balise img avec aria-label renseigné, par les lecteurs d’écran sur mobile.
|
VoiceOver (iOS 18.0.1) |
TalkBack (15.0) |
| Safari |
comportement conforme :
Image ignorée. |
non applicable |
| Chrome |
non applicable |
comportement conforme :
Image ignorée. |
Test 1.5 : image avec aria-labelledby renseigné + aria-hidden="true"
Attribut aria-labelledby renseigné
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" aria-labelledby="toto" aria-hidden="true" /></div>
<p>Attribut aria-labelledby renseigné</p>
Restitution de aria-hidden="true" sur une balise img avec aria-labelledby, par les lecteurs d’écran sur ordinateur.
|
NVDA 2024.1 |
JAWS 2023 |
VoiceOver (macOS 14.6.1) |
| Firefox 132.0.2 |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
| Chrome 131 |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
| Safari (17.6) |
non applicable |
non applicable |
comportement conforme :
Image ignorée. |
Restitution de aria-hidden="true" sur une balise img avec aria-labelledby renseigné, par les lecteurs d’écran sur mobile.
|
VoiceOver (iOS 18.0.1) |
TalkBack (15.0) |
| Safari |
comportement conforme :
Image ignorée. |
non applicable |
| Chrome |
non applicable |
comportement conforme :
Image ignorée. |
Balise img avec role="presentation"
Test 2.0 : image rien et role="presentation"
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" role="presentation" /></div>
Test 2.1 : image avec alt renseigné + role="presentation"
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" alt="Attribut alt renseigné" role="presentation" /></div>
Restitution de role="presentation" sur une balise img avec alt renseigné, par les lecteurs d’écran sur ordinateur.
|
NVDA 2025.3 |
JAWS 2024 |
VoiceOver (macOS 15.7.1) |
| Firefox 144 |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
| Chrome 141 |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
| Safari (26) |
non applicable |
non applicable |
comportement conforme :
Image ignorée. |
Restitution de role="presentation" sur une balise img avec alt, renseigné par les lecteurs d’écran sur mobile.
|
VoiceOver (iOS 18.0.1) |
TalkBack (15.0) |
| Safari |
comportement conforme :
Image ignorée. |
non applicable |
| Chrome |
non applicable |
comportement conforme :
Image ignorée. |
Test 2.2 : image avec alt et title renseignés + role="presentation"
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" alt="Attribut alt renseigné" title="Attribut title renseigné" role="presentation" /></div>
Restitution de role="presentation" sur une balise img avec alt et title renseignés, par les lecteurs d’écran sur ordinateur.
|
NVDA 2025.3 |
JAWS 2024 |
VoiceOver (macOS 15.7.1) |
| Firefox 144 |
comportement non conforme :
graphique, Attribut alt renseigné |
comportement non conforme :
Attribut alt renseigné, graphique |
comportement non conforme :
Attribut alt renseigné, image, Attribut title renseigné |
| Chrome 141 |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
| Safari (26) |
non applicable |
non applicable |
comportement conforme :
Image ignorée. |
Restitution de role="presentation" sur une balise img avec alt et title renseignés, par les lecteurs d’écran sur mobile.
|
VoiceOver (iOS 18.0.1) |
TalkBack (15.0) |
| Safari |
comportement conforme :
Image ignorée. |
non applicable |
| Chrome |
non applicable |
comportement conforme :
Image ignorée. |
Test 2.3 : image avec alt vide mais title renseigné + role="presentation"
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" alt="" title="Attribut title renseigné" role="presentation" /></div>
Restitution de role="presentation" sur une balise img avec alt vide mais title renseigné, par les lecteurs d’écran sur ordinateur.
|
NVDA 2025.3 |
JAWS 2024 |
VoiceOver (macOS 15.7.1) |
| Firefox 144 |
comportement non conforme :
graphique, Attribut title renseigné |
comportement non conforme :
Attribut title renseigné, graphique |
comportement non conforme :
Attribut title renseigné, image |
| Chrome 141 |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
| Safari (26) |
non applicable |
non applicable |
comportement conforme :
Image ignorée. |
Restitution de role="presentation" sur une balise img avec alt vide mais title renseigné, par les lecteurs d’écran sur mobile.
|
VoiceOver (iOS 18.0.1) |
TalkBack (15.0) |
| Safari |
comportement conforme :
Image ignorée. |
non applicable |
| Chrome |
non applicable |
comportement conforme :
Image ignorée. |
Test 2.4 : image avec aria-label renseigné + role="presentation"
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" aria-label="Attribut aria-label renseigné" role="presentation" /></div>
Restitution de role="presentation" sur une balise img avec aria-label, par les lecteurs d’écran sur ordinateur.
|
NVDA 2024.1 |
JAWS 2023 |
VoiceOver (macOS 14.6.1) |
| Firefox 132.0.2 |
comportement non conforme :
Graphique, attribut aria-labelledby renseigné |
comportement non conforme :
Attribut aria-labelledby renseigné, graphique |
comportement conforme :
Image ignorée. |
| Chrome 131 |
comportement non conforme :
Graphique, attribut aria-labelledby renseigné |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
| Safari (17.6) |
non applicable |
non applicable |
comportement non conforme :
Attribut aria-label renseigné, image |
Restitution de role="presentation" sur une balise img avec aria-label renseigné, par les lecteurs d’écran sur mobile.
|
VoiceOver (iOS 18.0.1) |
TalkBack (15.0) |
| Safari |
comportement conforme :
Image ignorée. |
non applicable |
| Chrome |
non applicable |
comportement conforme :
Image ignorée. |
Test 2.5 : image avec aria-labelledby renseigné + role="presentation"
Attribut aria-labelledby renseigné
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" aria-labelledby="toto" role="presentation" /></div>
t
<p id="toto">Attribut aria-labelledby renseigné</p>
Restitution de role="presentation" sur une balise img avec aria-labelledby, par les lecteurs d’écran sur ordinateur.
|
NVDA 2024.1 |
JAWS 2023 |
VoiceOver (macOS 14.6.1) |
| Firefox 132.0.2 |
comportement non conforme :
Graphique, attribut aria-labelledby renseigné |
comportement non conforme :
Attribut aria-labelledby renseigné, graphique |
comportement conforme :
Image ignorée. |
| Chrome 131 |
comportement non conforme :
Graphique, attribut aria-labelledby renseigné |
comportement conforme :
Image ignorée. |
comportement conforme :
Image ignorée. |
| Safari (17.6) |
non applicable |
non applicable |
comportement non conforme :
Attribut aria-labelledby renseigné, image |
Restitution de role="presentation" sur une balise img avec aria-labelledby renseigné, par les lecteurs d’écran sur mobile.
|
VoiceOver (iOS 18.0.1) |
TalkBack (15.0) |
| Safari |
comportement conforme :
Image ignorée. |
non applicable |
| Chrome |
non applicable |
comportement conforme :
Image ignorée. |
Test 2.6 : image area avec aria-label renseigné + role="presentation"
<map name="arialbl"><area shape="poly" coords="129,0,260,95,129,138" role="presentation" aria-label="alternative de la zone" tabindex="-1" /></map><img usemap="#arialbl" src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" alt="Image générique" />
Restitution de role="presentation" sur une balise img avec aria-label, par les lecteurs d’écran sur ordinateur.
|
NVDA 2024.1 |
JAWS 2023 |
VoiceOver (macOS 14.6.1) |
| Firefox 132.0.2 |
comportement conforme :
Image générique, graphique. |
comportement non conforme :
Alternative de la zone, polygraphique. |
comportement non conforme :
Image générique, alternative de la zone |
| Chrome 131 |
comportement conforme :
Image ignorée |
comportement conforme :
Alternative de la zone graphique. |
comportement non conforme :
Image générique, groupe. Alternative de la zone |
| Safari (17.6) |
non applicable |
non applicable |
comportement conforme :
Image générique |
Restitution de role="presentation" sur une balise img avec aria-label renseigné, par les lecteurs d’écran sur mobile.
|
VoiceOver (iOS 18.0.1) |
TalkBack (15.0) |
| Safari |
comportement conforme :
Image générique. |
non applicable |
| Chrome |
non applicable |
comportement conforme :
Image générique, élément graphique. |
Test 2.7 : image area avec aria-labelledby renseigné + role="presentation"
aria labelledby distant et renseigné
<map name="arialblby"><area shape="poly" coords="129,0,260,95,129,138" role="presentation" aria-labelledby="tata" tabindex="-1" /></map><img usemap="#arialblby" src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" alt="Image générique" />
<p id="tata">aria labelledby distant et renseigné</p>
Restitution de role="presentation" sur une balise img avec aria-labelledby, par les lecteurs d’écran sur ordinateur.
|
NVDA 2024.1 |
JAWS 2023 |
VoiceOver (macOS 14.6.1) |
| Firefox 132.0.2 |
comportement conforme :
Image générique, graphique. |
comportement non conforme :
aria labelledby distant et renseigné, polygraphique |
comportement non conforme :
Image générique, aria labelledby distant et renseigné. |
| Chrome 131 |
comportement conforme :
Image ignorée |
comportement conforme :
Aria labelledby distant et renseginé, graphique |
comportement non conforme :
Image générique, groupe. aria labelledby distant et renseigné. |
| Safari (17.6) |
non applicable |
non applicable |
comportement non conforme :
aria labelledby distant et renseigné, groupe vide. Image générique. |
Restitution de role="presentation" sur une balise img avec aria-labelledby renseigné, par les lecteurs d’écran sur mobile.
|
VoiceOver (iOS 18.0.1) |
TalkBack (15.0) |
| Safari |
comportement conforme :
Image générique |
non applicable |
| Chrome |
non applicable |
comportement conforme :
Image générique, élément graphique. |
Balise img avec role="none"
Test 3.0 : image sans rien et role="none"
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" role="none" /></div>
Test 3.1 : image avec alt renseigné + role="none"
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" alt="Attribut alt renseigné" role="none" /></div>
Test 3.2 : image avec alt et title renseignés + role="none"
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" alt="Attribut alt renseigné" title="Attribut title renseigné" role="none" /></div>
Test 3.3 : image avec alt vide mais title renseigné + role="none"
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" alt="" title="Attribut title renseigné" role="none" /></div>
Test 3.4 : image avec aria-label renseigné + role="none"
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" aria-label="Attribut aria-label renseigné" role="none" /></div>
Test 3.5 : image avec aria-labelledby renseigné + role="none"
Attribut aria-labelledby renseigné
<div><img src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" aria-labelledby="toto" role="none" /></div>
<p id="toto">Attribut aria-labelledby renseigné</p>
Test 3.6 : image area avec aria-label renseigné + role="none"
<map name="arialbl"><area shape="poly" coords="129,0,260,95,129,138" role="none" aria-label="alternative de la zone" tabindex="-1" /></map><img usemap="#arialbl" src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" alt="Image générique" />
Test 3.7 : image area avec aria-labelledby renseigné + role="none"
aria labelledby distant et renseigné
<map name="arialblby"><area shape="poly" coords="129,0,260,95,129,138" role="none" aria-labelledby="tata" tabindex="-1" /></map><img usemap="#arialblby" src="https://access42.net/uploads/2024/07/pt-formations-2025-420x240.jpg" alt="Image générique" />
<p id="tata">aria labelledby distant et renseigné</p>