Accesibilitate ≠ Overlay: ARIA nu repară magic un HTML construit greșit

📅 Septembrie 2026   ⏱ 9 min de citit

După HTML semantic apare o confuzie frecventă: atributele ARIA nu fac automat accesibilă o componentă construită greșit. ARIA comunică semantica tehnologiilor asistive, dar nu înlocuiește comportamentul, tastatura, focusul sau o bază HTML corectă.

ARIA este important, dar nu este un strat de reparare

WAI-ARIA comunică roluri, stări și proprietăți tehnologiilor asistive, mai ales pentru conținut dinamic și controale avansate. Completează HTML; nu este un plasture universal.

Prima regulă: folosește HTML nativ când poți

W3C recomandă folosirea cât mai mult a HTML-ului semantic nativ. Dacă un element HTML oferă deja semantica și comportamentul necesare, este de obicei mai robust decât un element generic cu ARIA.

Un rol este o promisiune

W3C rezumă un principiu esențial: „un rol este o promisiune”. <div role="button"> promite comportament de buton, dar rolul nu adaugă singur interacțiunea prin tastatură.

ARIA comunică semantică; nu creează comportament

ARIA poate comunica faptul că ceva este buton, extins sau selectat, dar nu implementează automat Tab, Enter, Spațiu, săgeți, focus sau logica JavaScript. Semantica și comportamentul trebuie să coincidă.

Nume, rol, stare și valoare

WCAG 4.1.2 cere nume și roluri determinabile programatic și disponibilitatea stărilor, proprietăților și valorilor relevante. Controalele HTML standard oferă deja multe dintre acestea când sunt folosite corect.

ARIA incorect poate înrăutăți experiența

ARIA incorect nu este neutră. W3C avertizează: „No ARIA is better than Bad ARIA”. Semantica greșită poate reprezenta incorect interfața pentru cineva care depinde de o experiență non-vizuală.

ARIA are nevoie de teste reale

Exemplele ARIA Authoring Practices avertizează asupra diferențelor de suport și recomandă testarea înainte de producție.

Ce legătură are cu overlay-urile?

Acest lucru se aplică și overlay-urilor. Un strat poate modifica atribute după încărcare, dar accesibilitatea depinde de funcționarea împreună a semanticii, interacțiunii, tastaturii, focusului și stărilor. ARIA adăugată din exterior nu repară automat o interfață defectuoasă.

Dar Blind Reader?

Blind Reader ține de asistența utilizatorului. Poate ajuta persoana, dar nu trebuie prezentat ca reparare automată a ARIA sau HTML ori ca dovadă de conformitate WCAG. Site-ul rămâne responsabil.

Ideea de reținut

ARIA este puternică atunci când este necesară și implementată corect. Mai întâi HTML nativ și semantic când este posibil; apoi ARIA când este necesar; întotdeauna comportament corect, tastatură, focus și teste.

Fuentes / Sources

🧑‍🦯 Blind Reader
Narrador listo.

Guía para invidentes

Esto es un resumen funcional, no una lectura literal.

Ir al objetivo principal Salta al área principal de acción (formulario, listado o contacto).

Estás en una página tipo: listado. El objetivo principal parece ser: explorar opciones.

Acciones principales: Explorar listado.

Hay 14 secciones clave a las que puedes saltar.

Confianza: 68%

Antes de continuar:

  • Gestionar cookies o avisos Motivo: Detecté un aviso relacionado con cookies/consentimiento. — Vía recomendada: Contenido principal

Acciones recomendadas

  • Explorar listado Motivo: Parece haber un listado de elementos. — Vía recomendada: Listado

Ir por objetivos

Elige qué quieres hacer. Te lo explico y luego te pregunto antes de saltar.

Modo de confirmación

Elige cada cuánto debo preguntar antes de saltar.



Alcance del aprendizaje (solo para “primera vez”)

Sitio: recuerda este objetivo en toda la web. Página: recuerda por URL.


  • Ir a Început
  • Ir a About
  • Ir a Blind Reader
  • Ir a Withdrawal Button
  • Ir a Servicii
  • Ir a Blog
  • Ir a Contact
  • Ir a Română
  • Ir a English
  • Ir a Español
  • Ir a Català
  • Ir a Polski
  • Ir a Italiano
  • Ir a Français
  • Ir a Svenska
  • Ir a Deutsch
  • Ir a Nederlands
  • Ir a Português
  • Ir al contenido del artículo
  • Ir a comentarios
  • Ir al final del artículo
  • Volver a Noticias (blog)
  • Noticia anterior
  • Noticia siguiente
  • Gestionar cookies o avisos Importante: esto puede bloquear la navegación.
  • Explorar listado

Guía progresiva

La guía anuncia una sección cada vez.

Cómo funciona: Iniciar guía anuncia la primera sección clave y la muestra en pantalla. Siguiente avanza a la siguiente sección. Para llevar el foco a la sección, usa Ir a la sección actual. Detener sale.

Estado: Guía inactiva

Ir a la sección actual Este enlace se actualiza conforme avanza la guía.

Este artículo tiene aproximadamente 456 palabras.

Mueve el foco al inicio del contenido, saltando menús y elementos secundarios.

Acerca de Blind Reader

Blind Reader es un asistente de accesibilidad que analiza cada página y narra su propósito, secciones clave y acciones recomendadas — diseñado para usuarios de lectores de pantalla.

Constructores compatibles: Funciona con cualquier tema o constructor de WordPress: Divi, Elementor, Gutenberg, WPBakery, Avada y otros. Lee el contenido real de la página, no el marcado del constructor.

¿Interfiere en tu contenido? No. Blind Reader añade un panel accesible encima de la página pero no modifica, oculta ni altera ningún contenido ni estilo existente en tu web.

¿Cómo funciona? Analiza la estructura de la página (encabezados, enlaces, formularios, landmarks) y genera un resumen funcional. La guía y los objetivos ayudan a navegar sin tener que recorrer toda la página.

Atajo de teclado: Pulsa Alt + G para saltar directamente al primer objetivo.