Mikä on WAI-ARIA?

WAI-ARIA tulee englanninkielisistä sanoista Web Accessibility Initiative - Accessible Rich Internet Applications. WAI-ARIA:sta puhutaan usein lyhyemmin termillä ARIA. ARIA on W3C:n kehittämä standardi, jolla parannetaan verkkopalvelujen toiminnallisuuksien saavutettavuutta avustavia teknologioita käyttäville.

HTML5 on tuonut monia ARIA:n ominaisuuksia HTML:ään. Näiden semanttisten elementtien käyttämistä tulisi suosia ARIA:n käyttämisen sijaan.

ARIA on hieno ja hyödyllinen standardi, mutta muista aina olla varovainen sitä käyttäessäsi. Mikäli ARIA on väärin käytettyä, voit jopa kokonaan estää sivuston toimivuuden käyttäjiltä. Jopa ARIA:n määrittelyssä sanotaan, että ARIA:n käyttämättä jättäminen on parempi asia kuin huonon ARIA:n käyttäminen.

ARIA:n säännöt

ARIA:n määrittelyssä kerrotaan viisi sääntöä ARIA:n käyttämiseen::

Mikäli voit käyttää natiivia HTML-elementtiä tai attribuuttia tarvitsemasi toiminnallisuuden toteuttamiseen, käytä niitä.
Älä vaihda natiivien elementtien semantiikkaa, ellei ole pakko.
Kaikkiin interaktiivisiin ARIA:n kontrolleihin on päästävä näppäimistöllä.
Älä käytä roolia role="presentation" tai attribuuttia aria-hidden="true" kohdistettavaan elementtiin.
Kaikilla interaktiivisilla elementeillä täytyy olla saavutettava nimi.

ARIA-määritteet

ARIA sisältää kolmen tyyppisiä päämääritettä. Nämä ovat roolit, ominaisuudet ja tilat. Rooleja käytetään määrittelemään käyttöliittymän komponentin tarkoitusta. Ominaisuuksia käytetään määrittelemään komponentin ominaisuuksia. Tiloja käytetään määrittelemään komponentin nykyistä tilaa. Ominaisuuksia harvemmin muutetaan sen jälkeen, kun ne on komponentille lisätty.

Lähdemateriaali

Sanastoa ja termejä
ARIA Wunderin Saavutettavuuden osiossa Wunderpediassa