jexp / mg_client

WebClient for the MUD MorgenGrauen
http://telnet.morgengrauen.info
4 stars 1 forks source link

Screenreader-Optimierung #5

Open jexp opened 13 years ago

jexp commented 13 years ago

! Mud-Ausgaben (polite) und wichtige Statusänderungen(assertive)

eure Lösung heißt ARIA Live Regions. Mit denen wird genau sowas gemacht. Der ChatZilla IRC Client nutzt das z. B. Man setzt auf den Container, der die neuen Nachrichten erhält, einmal das Attribut aria-live="polite". Sollen bestimmte Meldungen gesondert hervorgehoben werden, gibt man für das Element, das diese Meldung enthält, das Attribut aria-live="assertive" an. Für alle anderen Kindelemente gilt automatisch aria-live="polite" vom übergeordneten Element. Screen Reader wie NVDA, JAWS ab Version 10 und VoiceOver in OS X Lion unterstützen ARIA Live Regions. mehr muss man nicht machen.

zesstra commented 13 years ago

Ich würde ggf. noch einige weitere Dinge angucken, ob sie hilfreich sein: aria-controls, aria-labelledby, aria-describedby, aria-relevant, evtl. auch sowas wie role.

Mozilla hat hier ne Einführung und eine Tabelle mit Status der Element in FF: https://developer.mozilla.org/en/AJAX/WAI_ARIA_Live_Regions

Die Spezifikation vom W3C (fuer mich als nicht-Webdeveloper auf anhieb nicht wirklich hilfreich): http://www.w3.org/WAI/PF/aria/