Které prvky v HTML5 mohou používat atributy ARIA?

Téměř všechny standardní prvky HTML5 mohou používat atributy ARIA ke zlepšení přístupnosti pro uživatele asistivních technologií.

Některé příklady:

• Semantické struktury prvků: header, footer, nav, main, aside, article, section. Mohou být použity k definování rolí zón stránky.
• Interaktivní prvky: button, a, input, select, textarea. Mohou přijímat atributy jako aria-label, aria-describedby, aria-expanded a další.
• Prvky seznamů: ul, ol, li. Mohou používat aria-setsize, aria-posinset.
• Prvky tabulek: table, tr, th, td. Ačkoliv HTML5 má vlastní atributy pro přístupnost tabulek (scope, headers), ARIA je může doplňovat.
• Prvky formulářů: form, fieldset, legend.
• Multimediální prvky: img, audio, video. Mohou přijímat popisné atributy (aria-label).

Existují výjimky, například:

• Prvky, které jsou zpočátku skryté nebo dekorativní (script, style, meta, link).
• Prvky, které se nezobrazují v DOM nebo nejsou přístupné pro interakci.

Je důležité používat ARIA pouze tehdy, když nativní atributy HTML nestačí, a dodržovat zásadu "Používejte nativní prvky, kdykoli je to možné". Nadměrné nebo nesprávné používání ARIA může zhoršit přístupnost.