¿Qué elementos en HTML5 pueden usar atributos ARIA?

Prácticamente todos los elementos estándar de HTML5 pueden usar atributos ARIA para mejorar la accesibilidad para los usuarios de tecnologías de asistencia.

Algunos ejemplos:

• Elementos de estructura semántica: header, footer, nav, main, aside, article, section. Pueden usarse para definir roles de zonas en la página.
• Elementos interactivos: button, a, input, select, textarea. Pueden recibir atributos como aria-label, aria-describedby, aria-expanded y otros.
• Elementos de listas: ul, ol, li. Pueden usar aria-setsize, aria-posinset.
• Elementos de tablas: table, tr, th, td. Aunque HTML5 tiene sus propios atributos para la accesibilidad de tablas (scope, headers), ARIA puede complementarlos.
• Elementos de formularios: form, fieldset, legend.
• Elementos multimedia: img, audio, video. Pueden recibir atributos descriptivos (aria-label).

Hay excepciones, por ejemplo:

• Elementos que están inicialmente ocultos o son decorativos (script, style, meta, link).
• Elementos que no se muestran en el DOM o no son accesibles para la interacción.

Es importante usar ARIA solo cuando los atributos nativos de HTML sean insuficientes, y seguir el principio "Utilice elementos nativos siempre que sea posible". El uso excesivo o incorrecto de ARIA puede empeorar la accesibilidad.