Encuentra problemas de accesibilidad en HTML
Pega HTML para encontrar texto alternativo que falta, campos sin etiqueta y otros problemas WCAG comunes, con una solución para cada uno.
- Funciona en tu dispositivo
- Sin registro
- Funciona sin conexión después de una visita
Solo se comprueba el marcado. No se renderizan las hojas de estilo, así que no se prueban el color de CSS ni el orden de foco. El HTML se queda en esta pestaña.
Cómo comprobar una página en busca de problemas de accesibilidad
- Pega el HTML de la página o carga el ejemplo.
- Filtra la lista para ver solo errores o advertencias.
- Corrige cada problema en la línea que indica.
Preguntas
¿Qué comprueba?
Texto alternativo que falta, campos sin etiqueta, botones y enlaces vacíos, texto de enlace poco descriptivo, títulos saltados, tablas sin celdas de encabezado, tabindex positivo, zoom bloqueado en móviles, iframes sin título, contraste bajo en estilos en línea y vídeos sin subtítulos.
¿Por qué un resultado limpio no es una aprobación completa?
El comprobador solo lee el marcado. No puede ver los colores de las hojas de estilo, el orden de foco en pantalla ni lo que anuncia un lector de pantalla. Prueba también con el teclado y con un lector de pantalla.
¿Qué significan los niveles de WCAG?
WCAG 2.2 tiene tres niveles. A es el mínimo, AA es el nivel al que apuntan la mayoría de normas y leyes de accesibilidad, y AAA es el más exigente. Cada problema muestra el criterio que incumple.
¿Se envía mi HTML a algún sitio?
No. Tu navegador lee el HTML en esta pestaña y no se envía nada a ningún servidor.
Reseñas
Aún no hay reseñas. Sé el primero.