WAI-ARIA Accessible Rich Internet Applications. 4 hovedområder • Sidenavigering (landemerker) • Tastatur • Live-oppdateringer • Widgets.

Presentasjon om: "WAI-ARIA Accessible Rich Internet Applications. 4 hovedområder • Sidenavigering (landemerker) • Tastatur • Live-oppdateringer • Widgets."— Utskrift av presentasjonen:

1 WAI-ARIA Accessible Rich Internet Applications

2 4 hovedområder • Sidenavigering (landemerker) • Tastatur • Live-oppdateringer • Widgets

3 Landemerker • Application • Banner • Complementary • Contentinfo • Form • Main • Navigation • Search

4 Dokumentstruktur • Article • Columnheader • Definition • Directory • Document • Group • Heading • Img • List • Listitem • Math • Note • Presentation • Region • Row • Rowheader • Separator • toolbar

5 HTML5 • Article • Nav • … (resten i dokumentet)

6 Tastatur • Tabindex – <0: ikke tab-stopp – 0: i tab-rekkefølge – >0: definert rekkefølge

7 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 …

8 Widgets • Kan merkes for at tastatur skal fungere / skjermlesere skal kjenne igjen kontroller. • Delvis/ferdig implementert i flere vanlige biblioteker. • … Vi ser på kodeeksempler …

9 Mer informasjon • W3C/WAI: http://www.w3.org/WAI/intro/aria.php W3C/WAI: http://www.w3.org/WAI/intro/aria.php