Se está acabando el tiempo para que todas las empresas privadas con clientes en la UE cumplan con la nueva Acta Europea de Accesibilidad. Poco más de un año para ser preciso, ya que la fecha límite es el 28 de junio de 2025.
Aunque aún hay mucho trabajo por hacer para que todos los sitios web sean accesibles para todos, puedes marcar la diferencia si empiezas a trabajar hoy.
Presentamos los principales problemas de A11Y
Hemos hecho el trabajo duro por ti. Hemos identificado los problemas de accesibilidad más comunes, basándonos en nuestro análisis de más de 70 millones de problemas de accesibilidad en más de 9 millones de páginas web probadas.
Esta nueva sección ofrece actualizaciones en tiempo real con los problemas de accesibilidad más comunes encontrados en los informes de validación de sitios generados por Rocket Validator. Hemos agrupado las causas más comunes de problemas de accesibilidad y las hemos categorizado según su impacto. Esto te da una idea general de los problemas más comunes, o puedes filtrarlos para mostrar solo problemas críticos, graves, moderados o menores.
Problemas críticos
¡Soluciona los problemas más críticos que se encuentran en la mayoría de sitios web hoy en día! Al hacer clic en cada problema de la lista obtendrás más información y un enlace a la guía relacionada. Aquí están los 3 principales problemas de accesibilidad:
1. Las imágenes deben tener texto alternativo
Esto es esencial para los usuarios de lectores de pantalla, que dependen de él para entender el propósito y significado de las imágenes.
Incluso si la imagen solo contiene texto, los lectores de pantalla no tienen forma de traducirlo en palabras que se lean al usuario. Como resultado, las fotos deben tener texto alt conciso y descriptivo para que los usuarios de lectores de pantalla comprendan el contenido y propósito de la imagen, por ejemplo:
<img alt="Un perro corriendo" src="p1.jpg">Si una imagen no es informativa y es puramente decorativa, puedes proporcionar un texto alt vacío, por ejemplo:
<img alt="" src="p1.jpg">2. Los botones deben tener texto perceptible
Esto es crucial para los usuarios de lectores de pantalla, que necesitan saber a dónde van, qué están haciendo y en qué están haciendo clic.
Asegúrate de que los botones tengan una etiqueta asociada para que el lector de pantalla pueda leerla, por ejemplo:
<button>Nombre</button>
<button aria-label="Nombre"></button>
<button aria-labelledby="labeldiv"></button>
<div id="labeldiv">Etiqueta del botón</div>3. No se debe deshabilitar el zoom y el escalado
El parámetro user-scalable=”no” en el elemento <meta name=”viewport”> no debe usarse. Previene el escalado de texto y el zoom, que son necesarios para individuos con visión deteriorada.
Los usuarios con visión parcial o baja a menudo elegirán aumentar las fuentes de su navegador para hacer que el contenido web sea más fácil de leer. Todo lo visible en la ventana del navegador en un momento dado es el área de enfoque del viewport. En una pantalla de alta resolución, maximizar el navegador proporciona un área de enfoque del viewport grande que puede incluir toda la página web.
En resumen, esto se debe evitar:
<meta name="viewport" user-scalable="no">Además, si estás configurando un maximum-scale en el viewport, debes asegurarte de que su valor sea al menos 2.
Toma acción
Mejora la accesibilidad de tu sitio web hoy. Usa herramientas como Rocket Validator para identificar y solucionar estos problemas comunes. Asegúrate de que tu sitio sea accesible para cumplir con los requisitos legales y mejorar la experiencia del usuario para todos.
Ver los principales problemas comunes de accesibilidad