HTML elemek elhangzása a képernyőolvasó programokban

A képernyőolvasó programokkal kapcsolatban gyakori félreértés, hogy a weboldalakat a különböző képernyőolvasó programok teljesen egyformán olvassák fel. Pedig ez több okból sincs így.

Szemléltetésképpen összeállítottam egy listát, ami megmutatja, hogy az egyes HTML jelölőelemek a különböző képernyőolvasó programokban mennyire hasonlóan, vagy éppen mennyire eltérően hangzanak el.

Néhány megjegyzés a listával kapcsolatban:

• A lista összeállításakor döntően csak arra fókuszáltam, hogy az adott HTML jelölőelem, pontosabban annak szemantikai szerepe (role-ja) hogyan hangzik el. Csak néhány – általam fontosabbnak vélt – esetben tértem ki arra, hogy a jelölőelem egyes attribútumai esetleg hogyan befolyásolják a felolvasást.
• A felolvasásban néhol szögletes zárójelbe tettem azokat a „változókat”, amelyek helyén a kontextus megértéséhez szükséges szöveg vagy tulajdonság hangzik el.
• A listában gondolatjel (–) jelzi, ha az adott jelölőelem szerepe konkrétan nem hangzik el. Ez persze nem azt jelenti, hogy a jelölőelem tartalma vagy valamely egyéb tulajdonsága is kimarad a felolvasásból. Például a <p> jelölőelem esetén a képernyőolvasó programok természetesen felolvassák magát a bekezdés szövegét, de azt külön nem, hogy ez egy bekezdés vagy paragrafus. Az sem feltétlenül igaz, hogy az adott elemet azért nem olvassa fel a képernyőolvasó program, mert nem ismeri. Lásd a további megjegyzéseimet.
• Fontos tudni, hogy a felolvasást az is befolyásolhatja, hogy a felhasználó milyen egyedi beállításokkal használja a képernyőolvasó programot. Például meghatározhatja, hogy az mennyire legyen bőbeszédű. A lista összeállításakor döntően a képernyőolvasó programok eredeti (gyári) beállításait használtam, de a JAWS esetén a webes bőbeszédűség szintjét az alapértelmezett "Közepes" szint helyett "Magas" szintre állítottam.
• A felolvasást az is befolyásolhatja, hogy a felhasználó milyen navigálási vagy felolvasási módot alkalmaz. Például melyik fókusszal vagy navigációs billentyűvel lépked. A lista összeállításakor az ebből fakadó különbségekre nem tértem ki.
• A felolvasást nagyban befolyásolhatja, hogy a felhasználó melyik böngészőprogrammal használja a képernyőolvasó programot. Ugyanaz a képernyőolvasó program ugyanazt a jelölőelemet különbözőképpen olvashatja fel egyik vagy másik böngészőprogrammal. A képernyőolvasó programok ugyanis nem közvetlenül a HTML kódot olvassák, hanem a böngészőprogram által előállított adatstruktúrából, az úgynevezett akadálymentességi fából (accessibility tree) dolgoznak. A lista 2023. januári összeállításakor csak az alábbi képernyőolvasó és böngészőprogram kombinációkat vettem figyelembe:
  • JAWS 2022.2207.25 / Chrome 108 (Windows 10)
  • NVDA 2022.4 / Firefox 108 (Windows 10)
  • Narrátor / Microsoft Edge 108 (Windows 10)
  • VoiceOver macOS / Safari 16.2 (macOS 11.7)
  • VoiceOver iOS / Safari 16.2 (iOS 16.2)
  • TalkBack 13 / Chrome 108 (Android 9)
• Mivel kizárólag magyar nyelvre lokalizált operációs rendszerekkel, képernyőolvasó és böngészőprogramokkal teszteltem, így a felolvasásbeli eltérések az eredeti angol kifejezések eltérő fordításaiból is származhatnak.

A jelölőelemek listája

A lista frissítései

• 2023. január 17.: a JAWS "Magas" bőbeszédűségi szintjének alkalmazása, és a Narrátor igazodási pontok szerepeltetése