Aké prvky v HTML5 môžu používať atribúty ARIA?

Takmer všetky štandardné prvky HTML5 môžu používať atribúty ARIA na zlepšenie prístupnosti pre používateľov asistenčných technológií.

Niektoré príklady:

• Sémantické štrukturálne prvky: header, footer, nav, main, aside, article, section. Môžu byť použité na definovanie rolí zón stránky.
• Interaktívne prvky: button, a, input, select, textarea. Môžu prijímať atribúty ako aria-label, aria-describedby, aria-expanded a ďalšie.
• Prvky zoznamov: ul, ol, li. Môžu používať aria-setsize, aria-posinset.
• Prvky tabuliek: table, tr, th, td. Hoci HTML5 má vlastné atribúty pre prístupnosť tabuliek (scope, headers), ARIA ich môže doplniť.
• Prvky formulárov: form, fieldset, legend.
• Multimediálne prvky: img, audio, video. Môžu prijímať popisné atribúty (aria-label).

Existujú výnimky, napríklad:

• Prvky, ktoré sú počiatočne skryté alebo dekoratívne (script, style, meta, link).
• Prvky, ktoré sa nezobrazujú v DOM alebo nie sú prístupné na interakciu.

Je dôležité používať ARIA iba vtedy, keď natívne HTML atribúty nie sú dostatočné, a dodržiavať princíp "Používajte natívne prvky, keď je to možné". Nadmerné alebo nesprávne používanie ARIA môže zhoršiť prístupnosť.