Millised HTML5 elemendid võivad kasutada ARIA atribuute?

Praktikas mõttes võivad kõik HTML5 standardelemendid kasutada ARIA atribuute, et parandada abivahendite kasutajate juurdepääsetavust.

Mõned näited:

• Semantilised struktuurielemendid: header, footer, nav, main, aside, article, section. Neid saab kasutada piirkondade rollide määratlemiseks lehel.
• Interaktiivsed elemendid: button, a, input, select, textarea. Neid saab saada atribuute nagu aria-label, aria-describedby, aria-expanded ja teised.
• Loendi elemendid: ul, ol, li. Neid saab kasutada aria-setsize, aria-posinset.
• Tabeli elemendid: table, tr, th, td. Kuigi HTML5-l on oma tabeli juurdepääsetavuse atribuudid (scope, headers), ARIA võib neid täiendada.
• Vormielemendid: form, fieldset, legend.
• Multimeediaelemendid: img, audio, video. Neid saab saada kirjeldavaid atribuute (aria-label).

On erandeid, näiteks:

• Elemendid, mis on algselt peidetud või dekoratiivsed (script, style, meta, link).
• Elemendid, mis ei kuvata DOM-is või ei ole kasutatav interaktsiooniks.

Oluline on kasutada ARIA-d ainult siis, kui natiivsed HTML-atribuudid ei ole piisavad, ja järgida põhimõtet "Kasutage natiivseid elemente, kui see on võimalik". ARIA liigne või vale kasutamine võib halvendada juurdepääsetavust.