ARIA tilat ovat attribuutteja, jotka määrittävät elementin nykyistä tilaa. Tällä sivulla listaan joitakin yleisimpiä, ja miten niitä käytetään.
Atribuutilla aria-current
kertoo mikä elementti on tällä hetkellä aktiivisena elementtisetissä. Sitä käytetään, kun visuaalisesti indikoidaan, mikä elementti on tällä hetkellä aktiivisena. Muutama simerkki tällaisista:
Sellaisissa toteutuksissa, joissa aria-selected tarkoittaa samaa kuin aria-current, pitäisi käyttää aria-selected attribuuttia. Esimerkki tällaisista on tablist-elementti, jossa aktiivista tabia tulisi ilmaista aria-selected attribuutilla.
Tälle atribuutille ei ole HTML:ssä vastinetta.
Attribuutilla aria-hidden
voidaan piilottaa elementti avustavilta teknologioilta. Käytä tätä sellaiseen tietoon, mistä ei ole hyötyä avustavia teknologiota käyttäville. Esimerkiksi, mikäli sivustolla on vain visuaalisista syistä ikoneita, nämä voidaan piilottaa avustavilta teknologioilta, kunhan ikoneilla välitettävä tieto välittyy tekstisisällössä.
On suositeltavaa piilottaa sisältöä vain mikäli se on koristeellista, tarpeetonta tai mikäli sille on tekstivastine lähellä. Muutoin ruudunlukijoita käyttävien näkevien käyttäjien käyttökokemus saattaa olla hämmentävä.
Älä koskaan käytä aria-hiddeniä näkyvälle ja kohdistettavalle elementille.
<div aria-hidden="true">Tämä sisältö piilotetaan ruudunlukijoilta.</div>
Aria-hidden voidaan asettaa myös epätodeksi (false), mutta tämä on tarpeetonta. Tällaisessa tilanteessa koko attribuutin voi poistaa. Kaikki ruudunlukijat eivät välttämättä tunnista epätodeksi asetettua aria-hiddeniä.
Tällä attribuutilla voidaan kertoa avustaville teknologioille, että syötetty arvo ei vastaa sovelluksen odottamaa muotoa.
ARIA Wunderin Saavutettavuuden osiossa Wunderpediassa