Los 10 errores serios de accesibilidad más comunes en Portugal
Estos son los principales errores de A11Y encontrados en los sitios más importantes de Portugal.
La lista de sitios web es seleccionada por Ruben Ferreira Duarte, instructor de A11Y y editor del blog DXD
Última actualización: domingo, 1 de marzo de 2026
1. Los elementos deben cumplir unos umbrales mínimos de relación de contraste cromático. 54.31%
Según los umbrales de relación de contraste de las WCAG 2 AA, todos los elementos de texto deben tener un contraste suficiente entre el texto en primer plano y los colores de fondo.
2. Los enlaces deben tener un texto discernible. 22.57%
Cuando se utilicen como enlaces, el texto del enlace y el texto alternativo de las imágenes deben ser reconocibles por los lectores de pantalla, no tener etiquetas duplicadas y ser enfocables.
3. Todos los objetivos táctiles deben tener un tamaño de 24px, o dejar espacio suficiente. 10.12%
Los objetivos táctiles deben tener una dimensión mínima de 24 por 24 píxeles CSS. Para calcular el tamaño se utiliza la mayor superficie no oscurecida del objetivo táctil. El objetivo debe estar al menos a 24 píxeles CSS de distancia de cualquier otro objetivo táctil si su tamaño es insuficiente.
4. Los elementos deben tener su texto visible como parte de su nombre accesible. 4.56%
La etiqueta visible de los elementos interactivos etiquetados a través de su contenido debe incluirse en su nombre accesible.
5. Los elementos <li> deben estar contenidos en un <ul> o <ol>. 3.28%
Todos los elementos de lista (li) deben tener elementos padre ul o ol.
6. Los elementos <p> con estilo no deben utilizarse como encabezados. 1.40%
Dado que los usuarios de lectores de pantalla no pueden determinar de otro modo la estructura del documento, los componentes p estilizados no deben utilizarse para representar encabezados.
7. <ul> y <ol> solo deben contener directamente elementos <li>, <script> o <template>. 1.35%
Las listas deben estar correctamente marcadas, lo que significa que no pueden contener componentes de contenido distintos de los elementos li.
8. Los controles interactivos no deben estar anidados. 1.19%
Los lectores de pantalla no anuncian los controles interactivos anidados.
9. Los elementos sólo deben utilizar atributos ARIA permitidos. 0.62%
No todas las combinaciones de roles y atributos ARIA son válidas. Los elementos sólo deben utilizar atributos ARIA permitidos.
10. Frames must have an accessible name. 0.60%
Every <frame> and <iframe> element must have a non-empty accessible name so that screen reader users can identify and navigate between frames on a page. Without a descriptive name, screen readers fall back to unhelpful information like “frame,” a filename, or a URL, making it difficult for users to understand what each frame contains. Add a meaningful title attribute (or use aria-label or aria-labelledby) to every frame element to fix this issue.
Validate at scale.
Ship accessible websites, faster.
Automated HTML & accessibility validation for large sites. Check thousands of pages against WCAG guidelines and W3C standards in minutes, not days.
Pro Trial
Full Pro access. Cancel anytime.
Start Pro Trial →Join teams across 40+ countries