Kokie HTML5 elementai gali naudoti ARIA atributus?

Praktiškai visi HTML5 standartiniai elementai gali naudoti ARIA atributus, siekiant pagerinti prieinamumą naudotojams, naudojantiems pagalbines technologijas.

Kai kurie pavyzdžiai:

• Semantiniai struktūros elementai: header, footer, nav, main, aside, article, section. Juos galima naudoti apibrėžiant puslapio zonų vaidmenis.
• Interaktyvūs elementai: button, a, input, select, textarea. Jie gali gauti atributus kaip aria-label, aria-describedby, aria-expanded ir kitus.
• Sąrašo elementai: ul, ol, li. Jie gali naudoti aria-setsize, aria-posinset.
• Lentelių elementai: table, tr, th, td. Nors HTML5 turi savo atributus lentelių prieinamumui (scope, headers), ARIA juos gali papildyti.
• Formos elementai: form, fieldset, legend.
• Multimedijos elementai: img, audio, video. Jie gali gauti aprašomuosius atributus (aria-label).

Yra išimčių, pavyzdžiui:

• Elementai, kurie iš pradžių yra paslėpti arba dekoratyvūs (script, style, meta, link).
• Elementai, kurie nėra rodomi DOM'e arba nėra prieinami sąveikai.

Svarbu naudoti ARIA tik tada, kai natūralūs HTML atributai yra nepakankami, ir laikytis principo "Naudokite natūralius elementus, kai įmanoma". Per didelis arba neteisingas ARIA naudojimas gali pabloginti prieinamumą.