L'algorythme de calcul du nom accessible liste les méthodes habituelles pour définir un nom accessible à l'élément area, y compris aria-labelledby et title.
Les lecteurs d'écrans doivent restituer le nom accessible défini par ces méthodes.
Remarque : Les tableaux ci-dessous ne donnent aucun résultat pour l'environnement iOS avec VoiceOver et Safari car les zones
d'image interactives n'y sont pas correctement réstituées, indépendemment de la méthode de nommage de la balise area.
La zone interactive elle-même n'est pas restituée du tout, et pour l'image, son alternative ("Agapanthe") est restituée mais pas son rôle.
Nom accessible défini par aria-labelledby
abeille
<map name="image-map-aria-labelledby">
<area aria-labelledby="area-text" href="#" coords="164,253,52" shape="circle">
</map>
<p id="area-text" class="sr-only">abeille</p>
Restitution d'une zone d'image réactive aria-labelledby par les lecteurs d’écran sur ordinateur.
|
NVDA 2024.1 |
JAWS 2026 |
VoiceOver (macOS 26.3.1) |
| Firefox 152 |
comportement conforme :
"Agapanthe graphique, Agapanthe même page lien abeille" |
comportement conforme :
"Lien sur carte image graphique, abeille, circle" |
comportement conforme :
"Lien, abeille" |
| Chrome 150 |
comportement conforme :
"Même page lien abeille" |
comportement conforme :
"Lien sur carte image graphique, abeille" |
comportement conforme :
"Lien abeille, Agapanthe groupe" |
| Safari (26.5) |
non applicable |
non applicable |
comportement conforme :
"Lien, abeille" |
Restitution d'une zone d'image réactive aria-labelledby par les lecteurs d’écran sur mobile.
|
VoiceOver (iOS 26.5.2) |
TalkBack (15.0) |
| Safari |
non applicable |
non applicable |
| Chrome |
non applicable |
comportement conforme :
"Abeille, lien" |
Nom accessible défini par title
<map name="image-map-title">
<area title="abeille" href="#" coords="164,253,52" shape="circle">
</map>
Restitution d'une zone d'image réactive title par les lecteurs d’écran sur ordinateur.
|
NVDA 2024.1 |
JAWS 2026 |
VoiceOver (macOS 26.3.1) |
| Firefox 152 |
comportement conforme :
"Agapanthe graphique, Agapanthe même page lien abeille" |
comportement conforme :
"Lien sur carte image graphique, abeille, circle" |
comportement conforme :
"Lien, abeille" |
| Chrome 150 |
comportement conforme :
"Même page lien abeille" |
comportement conforme :
"Lien sur carte image graphique, abeille" |
comportement conforme :
"Lien abeille, Agapanthe groupe" |
| Safari (26.5) |
non applicable |
non applicable |
comportement conforme :
"Lien, abeille" |
Restitution d'une zone d'image réactive title par les lecteurs d’écran sur mobile.
|
VoiceOver (iOS 26.5.2) |
TalkBack (15.0) |
| Safari |
non applicable |
non applicable |
| Chrome |
non applicable |
comportement conforme :
"Abeille, lien" |