ARIA: atributos de accesibilidad en HTML
Atributos ARIA más usados:
role: define el tipo de elemento (role="button",role="dialog",role="navigation")aria-label: etiqueta textual cuando el elemento no tiene texto visiblearia-labelledby: referencia el ID de otro elemento como etiquetaaria-hidden: oculta del árbol de accesibilidad (pero visible visualmente)aria-expanded: indica si un colapsable está abierto o cerradoaria-current: marca el ítem activo en una lista/nav
Regla oro de ARIA: "la mejor ARIA es no usar ARIA" — prefiere HTML semántico nativo (<button>, <nav>, <main>) cuando sea posible. ARIA sólo se usa para cubrir casos que HTML no expresa nativamente.
Por qué importa
ARIA mal usada es peor que no usarla. Aplicarla requiere probar con un lector de pantalla real (VoiceOver en Mac, NVDA en Windows). Un sitio con 30 <code>role="button"</code> sobre <code><div></code> tiene peor accesibilidad que uno con <code><button></code> nativos.
¿Esto aplica a tu web?
En 10 segundos te decimos cómo está tu sitio respecto a los términos del glosario: Core Web Vitals, schema, seguridad, accesibilidad, SEO técnico.
¿Tienes un proyecto exigente entre manos?
Cuéntanos qué necesita tu empresa. En la primera llamada evaluamos viabilidad técnica, alcance y presupuesto cerrado. Sin compromiso.