Quais elementos em HTML5 podem usar atributos ARIA?

Praticamente todos os elementos padrão do HTML5 podem usar atributos ARIA para melhorar a acessibilidade para utilizadores de tecnologias assistivas.

Alguns exemplos:

• Elementos de estrutura semântica: header, footer, nav, main, aside, article, section. Podem ser usados para definir funções de zonas na página.
• Elementos interativos: button, a, input, select, textarea. Podem receber atributos como aria-label, aria-describedby, aria-expanded e outros.
• Elementos de listas: ul, ol, li. Podem usar aria-setsize, aria-posinset.
• Elementos de tabelas: table, tr, th, td. Embora o HTML5 tenha seus próprios atributos para acessibilidade de tabelas (scope, headers), o ARIA pode complementá-los.
• Elementos de formulários: form, fieldset, legend.
• Elementos multimédia: img, audio, video. Podem receber atributos descritivos (aria-label).

Existem exceções, por exemplo:

• Elementos que estão inicialmente ocultos ou são decorativos (script, style, meta, link).
• Elementos que não são exibidos no DOM ou não estão acessíveis para interação.

É importante usar ARIA apenas quando os atributos nativos do HTML forem insuficientes, e seguir o princípio "Use elementos nativos sempre que possível". Uso excessivo ou incorreto de ARIA pode prejudicar a acessibilidade.