Guia WCAG
para no perderse
meta-viewport
La metaetiqueta viewport no tiene que bloquear el zoom del usuario con user-scalable=no o maximum-scale=1. Las personas con baja visión necesitan ampliar el contenido.
image-alt
Las imágenes tienen que tener un texto alternativo (atributo alto) que describa su contenido para usuarios de lectores de pantalla o cuando la imagen no se carga.
bypass
Las páginas tienen que tener un mecanismo para saltar bloques de contenido repetitivos (como el menú de navegación) e ir directamente al contenido principal.
aria-required-children
Algunos roles ARIA requieren que sus elementos hijos tengan roles específicos. Si faltan estos hijos, la tecnología de asistencia no puede interpretar correctamente la estructura.
aria-command-name
Los elementos con role="link", role="button" o role="menuitem" deben tener un nombre accesible. Sin él, el lector de pantalla no puede explicar al usuario para qué sirve el elemento.
scrollable-region-focusable
Todas las funcionalidades del web tienen que ser accesibles únicamente con teclado, sin necesidad de ratón. Las zonas con scroll también tienen que ser accesibles por teclado.
landmark-one-main
La página tiene que tener al menos un elemento que identifique el contenido principal. Los landmarks HTML (main, nav, header, footer) permiten navegar rápidamente por la página.
heading-order
Los encabezamientos tienen que seguir una jerarquía lógica (H1, H2, H3...) sin saltar niveles, permitiendo que los usuarios de lectores de pantalla naveguen por el contenido de forma eficiente.
duplicate-id
Cada elemento HTML tiene que tener un ID único en la página. Los IDs duplicados causan errores en lectores de pantalla, rompen la asociación de labels con formularios e invalidan el código HTML.
html-has-lang
El elemento tiene que incluir el atributo lang para indicar el idioma principal de la página. Sin él, los lectores de pantalla no saben en qué idioma leer el contenido.
label
Todos los campos de formulario tienen que tener una etiqueta (label) asociada que identifique su propósito para los usuarios de lectores de pantalla y tecnologías de asistencia.
link-name
Todos los enlaces tienen que tener un texto descriptivo que indique su destino o función. Textos genéricos como 'clica aquí' o 'leer más' no aportan contexto a los usuarios de lectores de pantalla.
color-contrast
Asegura que el contraste entre texto y fondo cumpla lo ratio mínimo.
input-button-name
Todos los botones tienen que tener un texto o etiqueta accesible que describa su función. Los botones con iconos o imágenes sin texto alternativo su invisibles para los lectores de pantalla.
target-size
Los elementos interactivos como botones y enlaces deben tener un área táctil mínima de 24×24 píxeles, o dejar suficiente espacio a su alrededor para evitar errores de toque accidentales.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.