Comprueba hoy mismo si tus sitios web cumplen las WCAG con Eye-Able Audit
En este sitio web se muestran los errores más comunes y cómo detectarlos utilizando Eye-Able Audit
¡Comprueba todos los errores en la barra de herramientas de Eye-Able Audit, situada en la parte derecha de la pantalla!
Pruebas de software para tus productos digitales
Pruebas automatizadas de sitios web según las normas de accesibilidad
La accesibilidad digital impulsa tu negocio
Para cumplir con los requisitos legales.
Analiza todo tu dominio con Eye-Able Report
Panel de administración para la accesibilidad digital con una visión general de todas tus subpáginas
Esta página solo muestra una parte de los errores que Eye-Able Audit puede detectar. ¡Consulta todas las reglas en nuestra sección de resumen!
Falta el texto alternativo
El 31,3 % de los banners de la página de inicio carecen de texto alternativo. Las imágenes deben incluir un texto alternativo para que los usuarios de lectores de pantalla puedan comprender su contenido y finalidad.
Texto con poco contraste
El bajo contraste es el error de accesibilidad más frecuente en muchos sitios web. Asegúrate de que todos los elementos de texto tengan un contraste de color suficiente entre el texto en primer plano y el color de fondo que hay detrás. El contraste mínimo depende del tamaño del texto y es de 3:1 o 4,5:1 para textos de mayor tamaño.
El contraste es muy malo
Jerarquía de encabezados
Los encabezados vacíos también pueden resultar confusos y deben evitarse.
Problemas más comunes
Falta el texto del enlace
A esta imagen enlazada le falta el texto alternativo. Los enlaces deben incluir un texto que sea comprensible y que los lectores de pantalla puedan reproducir correctamente.
Sintaxis de tabla incorrecta
| Mi mesa es genial | |
|---|---|
| Fila 1 | No tengo título… |
Las tablas deben tener una sintaxis correcta, por ejemplo, celdas de encabezado en todas las columnas, para que puedan interpretarse con lectores de pantalla. Eye-Able detecta los errores más comunes que reducen la accesibilidad de los encabezados.
Atributos de Aria
Aunque los atributos aria son muy útiles para mejorar la accesibilidad de tu interfaz web, es necesario utilizar la sintaxis y las funciones correctas.
Botones
A necesita un nombre accesible para que los lectores de pantalla puedan reflejar su finalidad.
Seleccionar campos
Los campos de selección se utilizan habitualmente en los formularios y también necesitan un texto alternativo.
Campos de formulario no válidos
Enlaces sin nombre accesible
Cada elemento de enlace debe tener un nombre accesible o un texto que describa su finalidad. Este enlace no es válido y está vacío.
Objetos sin nombres accesibles
Los elementos que contienen contenido multimedia, como audio o vídeo, deben incluir un marcado para lectores de pantalla.
Elemento fuera de una lista
Un elemento de lista no debe aparecer fuera de una lista. Siempre forma parte de una lista ordenada <ol> o desordenada <ul>.
Atributos de tecla de acceso asignados dos veces
El atributo «accesskey» identifica un elemento al que se puede acceder mediante un atajo de teclado específico. El atajo especificado debe ser único y no debe utilizarse para ningún otro elemento de la página actual.
El tamaño de la fuente es demasiado pequeño
El tamaño de la fuente no debe ser inferior a 9 píxeles.
Este texto tiene un tamaño de letra de 7 píxeles y debería ampliarse
Enlace que no se distingue del texto normal
Los enlaces en línea deben distinguirse del texto circundante mediante un elemento que no se base únicamente en el color. Los enlaces pueden resaltarse, por ejemplo, subrayando el texto o utilizando un borde. Este enlace es un mal ejemplo.
Todo el texto aparece en cursiva
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Los párrafos de texto tienen una altura de línea de al menos 1,5
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Todo el texto de la sección se muestra justificado
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
El nombre visible no forma parte del nombre accesible
El enlace que aparece a continuación tiene un texto visible que difiere del nombre accesible. Puedes consultar la referencia aquí. Esto es especialmente importante para los usuarios que utilizan la entrada de voz para controlar el sitio web. De lo contrario, la entrada de voz no se interpretará correctamente.