Skip to main content

Accessibility Checker actualizado a Axe Core 4.5

por Jaime Iniesta

Hemos actualizado nuestros servidores de validación de Accesibilidad a la última versión de axe-core, 4.5, que introduce una nueva regla WCAG 2.2 para verificar el tamaño del objetivo. También hemos habilitado 7 reglas experimentales que existían en versiones anteriores de axe-core.

Nueva regla WCAG 2.2 para probar un tamaño mínimo de objetivos táctiles

La nueva regla target-size de Axe-core prueba si los enlaces, botones, campos de formulario y otros controles tienen un ancho y alto de al menos 24 píxeles, o si no los tienen, que tengan ese espacio desde el control más cercano. Esto ayuda a las personas que son menos precisas usando un ratón o touchpad para evitar activar accidentalmente el control incorrecto. Para más información sobre el tamaño del objetivo, consulta understanding 2.5.8 Target Size.

7 reglas experimentales ahora habilitadas

css-orientation-lock

Verifica que el contenido no restrinja su visualización y operación a una sola orientación de pantalla, como retrato o paisaje, a menos que una orientación de pantalla específica sea esencial.

focus-order-semantics

Verifica todos los elementos interactivos en el orden de enfoque para asegurar que el valor del atributo role sea válido y apropiado, ya sea HTML nativo o un widget ARIA personalizado.

hidden-content

Verifica los valores de propiedades de estilo CSS de display: none; y visibility: hidden; y alerta a los usuarios sobre la presencia de contenido de elementos ocultos que requieren una revisión adicional.

label-content-name-mismatch

Para cada componente de interfaz de usuario que incluye una etiqueta de texto visible, el nombre accesible debe coincidir (o incluir) el texto visible en la etiqueta.

p-as-heading

Asegura que los elementos de párrafo no usen cursiva, negrita o tamaño de fuente para dar la apariencia de encabezados.

table-fake-caption

Verifica que las tablas de datos estén marcadas con celdas de tabla que usen un elemento colspan para indicar visualmente un título.

td-has-header

Verifica que las tablas de datos estén marcadas semánticamente y tengan la estructura de encabezado correcta.

Correcciones de errores

Consulta las notas de la versión 4.5.

Conjunto de reglas de accesibilidad actual

Consulta la lista completa de reglas de accesibilidad que están siendo verificadas actualmente por nuestro rastreador web

Reglas de accesibilidad verificadas por Rocket Validator

¿Listo para validar tus sitios?
Inicia tu prueba gratuita hoy.