Mely HTML5 elemek használhatják az ARIA attribútumokat?

Szinte minden HTML5 szabványos elem használhat ARIA attribútumokat a segédeszközöket használó felhasználók hozzáférhetőségének javítása érdekében.

Néhány példa:

• Szemantikus szerkezeti elemek: header, footer, nav, main, aside, article, section. Ezeket a oldal zónáinak szerepeinek meghatározására lehet használni.
• Interaktív elemek: button, a, input, select, textarea. Ezek aria-label, aria-describedby, aria-expanded és más attribútumokat kaphatnak.
• Listázó elemek: ul, ol, li. Használhatják az aria-setsize, aria-posinset attribútumokat.
• Táblázat elemek: table, tr, th, td. Bár a HTML5 saját attribútumokat kínál a táblázatok hozzáférhetőségéhez (scope, headers), az ARIA kiegészítheti ezeket.
• Űrlap elemek: form, fieldset, legend.
• Multimédia elemek: img, audio, video. Ezek leíró attribútumokat kaphatnak (aria-label).

Vannak kivételek, például:

• Kezdetben rejtett vagy dekoratív elemek (script, style, meta, link).
• Olyan elemek, amelyek nem jelennek meg a DOM-ban vagy nem elérhetők az interakcióhoz.

Fontos, hogy az ARIA-t csak akkor használjuk, amikor a natív HTML attribútumok nem elegendőek, és kövessük az "Használjon natív elemeket, amikor csak lehet" elvet. Az ARIA túlzott vagy helytelen használata ronthatja az elérhetőséget.