Jakie elementy w HTML5 mogą używać atrybutów ARIA?

Praktycznie wszystkie standardowe elementy HTML5 mogą korzystać z atrybutów ARIA, aby poprawić dostępność dla użytkowników technologii wspomagających.

Niektóre przykłady:

• Elementy struktury semantycznej: header, footer, nav, main, aside, article, section. Mogą być używane do określenia ról stref strony.
• Elementy interaktywne: button, a, input, select, textarea. Mogą otrzymywać atrybuty takie jak aria-label, aria-describedby, aria-expanded i inne.
• Elementy list: ul, ol, li. Mogą używać aria-setsize, aria-posinset.
• Elementy tabel: table, tr, th, td. Chociaż HTML5 ma własne atrybuty dostępności tabel (scope, headers), ARIA może je uzupełniać.
• Elementy formularzy: form, fieldset, legend.
• Elementy multimedialne: img, audio, video. Mogą otrzymywać opisywające atrybuty (aria-label).

Istnieją wyjątki, na przykład:

• Elementy początkowo ukryte lub dekoracyjne (script, style, meta, link).
• Elementy, które nie są wyświetlane w DOM lub nie są dostępne do interakcji.

Ważne jest, aby używać ARIA tylko wtedy, gdy natywne atrybuty HTML są niewystarczające, i przestrzegać zasady "Używaj natywnych elementów, gdy to możliwe". Nadmierne lub nieprawidłowe użycie ARIA może pogorszyć dostępność.