ariaattribuutteja

ARIAattribuutteja ovat HTML-ominaisuuksia, joissa etuliite aria- kertoo, että attribuutti liittyy saavutettavuuteen. Niiden avulla voidaan määritellä elementtien roolit, tilat ja ominaisuudet niin, että apuvälineet ymmärtävät ja tulkitsevat sisällön oikein. ARIAa käytetään erityisesti silloin, kun kuvatut käyttöliittymät ovat mukautettuja tai dynaamisia ja niiden alkuperäinen semantiikka on puuttunut.

ARIA-tunnisteiden keskeinen osa koostuu rooleista, tiloista ja ominaisuuksista. Rooli määrittelee elementin tarkoituksen, esimerkiksi role="button" tai role="navigation". Tilat ja ominaisuudet kertovat kehyksen tilan tai asetukset, kuten aria-pressed (painikkeen tila), aria-expanded (laajeneva/osittain näkyvä valikko) tai aria-hidden (näkyvyyden esto). Lisäksi yleiset aria-tyypit kuten aria-label, aria-labelledby ja aria-describedby antavat nimeämistukea sekä lisätiedot. Esimerkkejä ovat aria-controls ja aria-owns, jotka määrittelevät elementtien välisiä yhteyksiä.

Käyttöohjeet ja parhaat käytännöt korostavat, että ARIAa ei tule käyttää korvaamaan puhdasta semantiikkaa. Mieluummin käytetään natiivisia HTML-elementtejä, jotka tarjoavat valmiiksi saavutettavat roolit ja ominaisuudet. Jos kuitenkin rakennetaan mukautettu widgets, ARIAin lisääminen voi olla tarpeen, kunhan roolit ja tilat pidetään oikein synkronoituina ja ylläpidetään asianmukainen keyboard-navigointi sekä fokusinhallinta. Testaaminen ruudunlukijoilla ja muiden apuvälineiden kanssa on tärkeää.