90 likes | 254 Views
WAI-ARIA. Accessible Rich Internet Applications. 4 hovedområder. Sidenavigering (landemerker) Tastatur Live-oppdateringer Widgets. Landemerker. Application Banner Complementary Contentinfo Form Main Navigation Search. Dokumentstruktur. Article Columnheader Definition
E N D
WAI-ARIA AccessibleRich Internet Applications
4 hovedområder • Sidenavigering (landemerker) • Tastatur • Live-oppdateringer • Widgets
Landemerker • Application • Banner • Complementary • Contentinfo • Form • Main • Navigation • Search
Dokumentstruktur • Article • Columnheader • Definition • Directory • Document • Group • Heading • Img • List • Listitem • Math • Note • Presentation • Region • Row • Rowheader • Separator • toolbar
HTML5 • Article • Nav • … (resten i dokumentet)
Tastatur • Tabindex • <0: ikke tab-stopp • 0: i tab-rekkefølge • >0: definert rekkefølge
Live oppdateringer • Vanskelig å få med dynamiske endringer med skjermleser. • Live-områder kan merkes med ulik viktighet: off, polite, assertive • Både ferdigdefinerte og egendefinerte (områder) • … Vi ser på kodeeksempler …
Widgets • Kan merkes for at tastatur skal fungere / skjermlesere skal kjenne igjen kontroller. • Delvis/ferdig implementert i flere vanlige biblioteker. • … Vi ser på kodeeksempler …
Mer informasjon • W3C/WAI:http://www.w3.org/WAI/intro/aria.php