Si alguna vez has pasado tu web por m\u00e1s de una herramienta de accesibilidad, probablemente has visto puntuaciones muy diferentes para la misma p\u00e1gina. Una herramienta te da un 88, otra un 7.8, y una tercera un 5.2. \u00bfQu\u00e9 resultado es el correcto? La respuesta inc\u00f3moda es que los tres pueden ser correctos a la vez, porque cada herramienta mide cosas diferentes, con metodolog\u00edas diferentes y para p\u00fablicos diferentes.<\/p>\n
Entender c\u00f3mo funciona cada una no es un detalle t\u00e9cnico menor: es la diferencia entre saber realmente si tu web es accesible o tener una falsa sensaci\u00f3n de seguridad.<\/p>\n
WAVE<\/a> (Web Accessibility Evaluation Tool), creada por WebAIM, es probablemente la herramienta m\u00e1s conocida entre dise\u00f1adores y responsables de contenido. Se usa principalmente como extensi\u00f3n del navegador y su punto fuerte es la visualizaci\u00f3n: superpuesta sobre la p\u00e1gina real, marca con iconos de colores cada elemento accesible o problem\u00e1tico. Un c\u00edrculo verde para las cosas correctas, un icono rojo para los errores, un tri\u00e1ngulo amarillo para los avisos.<\/p>\n Esta visualizaci\u00f3n la hace ideal para auditor\u00edas manuales y para personas que quieren entender d\u00f3nde est\u00e1 cada problema sin leer c\u00f3digo. Si tienes un error de contraste en un bot\u00f3n concreto, WAVE te lo marca directamente sobre el bot\u00f3n.<\/p>\n WAVE usa el sistema AIM Score, que pondera los errores detectados y genera una nota de 0 a 10. El sistema es relativamente ben\u00e9volo: cuenta cada tipo de error como un problema independiente, independientemente de cu\u00e1ntas veces aparezca en la p\u00e1gina. Si tienes 10 im\u00e1genes sin texto alternativo, WAVE contabiliza un problema de \u00abim\u00e1genes sin alt\u00bb, no diez. Esto hace que la puntuaci\u00f3n sea m\u00e1s estable y menos sensible a webs con contenido repetitivo.<\/p>\n WAVE analiza el c\u00f3digo HTML est\u00e1tico y no siempre ejecuta el JavaScript. Esto significa que puede no detectar problemas que aparecen din\u00e1micamente (men\u00fas desplegables, modales, contenido cargado v\u00eda AJAX) y puede generar falsos positivos en elementos que JavaScript corrige en tiempo real. Adem\u00e1s, el conjunto de reglas que comprueba es m\u00e1s limitado que otras herramientas.<\/p>\n WAVE es ideal para revisiones visuales r\u00e1pidas, para presentar problemas a clientes o compa\u00f1eros no t\u00e9cnicos, y para hacer auditor\u00edas manuales p\u00e1gina a p\u00e1gina. No es la mejor opci\u00f3n si quieres un an\u00e1lisis exhaustivo o si tu web hace un uso intensivo de JavaScript.<\/p>\nC\u00f3mo calcula la puntuaci\u00f3n<\/h3>\n
Limitaciones<\/h3>\n
Cu\u00e1ndo usarla<\/h3>\n
Lighthouse: integrada, \u00e1gil y orientada al desarrollo<\/h2>\n
| Impacto<\/th>\n | Penalizaci\u00f3n por regla<\/th>\n<\/tr>\n<\/thead>\n | ||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Cr\u00edtico<\/td>\n | -1.5 puntos<\/td>\n<\/tr>\n | ||||||||||||||||||||||||
| Grave<\/td>\n | -0.8 puntos<\/td>\n<\/tr>\n | ||||||||||||||||||||||||
| Moderado<\/td>\n | -0.3 puntos<\/td>\n<\/tr>\n | ||||||||||||||||||||||||
| Menor<\/td>\n | -0.1 puntos<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n La penalizaci\u00f3n se aplica por regla violada, no por n\u00famero de elementos afectados. Pero el n\u00famero de elementos afectados se muestra como informaci\u00f3n de contexto, porque corregir un error que afecta a 15 elementos es m\u00e1s urgente que corregir uno que afecta a 1. Adem\u00e1s, cada resultado incluye una etiqueta de nivel de cumplimiento WCAG que traduce la puntuaci\u00f3n num\u00e9rica en t\u00e9rminos legales comprensibles: No cumple<\/em>, Cumplimiento parcial<\/em>, Casi conforme<\/em> o Conforme AA<\/em>.<\/p>\n Ninguna herramienta autom\u00e1tica, por exhaustiva que sea, puede sustituir una auditor\u00eda manual completa. axe-core detecta autom\u00e1ticamente alrededor del 30-40% de los problemas de accesibilidad posibles. Los criterios que requieren juicio humano, como la calidad de un texto alternativo o si el orden de lectura tiene sentido, no se pueden automatizar.<\/p>\n webaccessible Esc\u00e1ner es la mejor opci\u00f3n cuando necesitas un an\u00e1lisis exhaustivo, cuando quieres prepararte para una auditor\u00eda profesional o cuando necesitas saber si tu web se acerca al cumplimiento legal. Es tambi\u00e9n la mejor herramienta para identificar y priorizar las correcciones m\u00e1s urgentes.<\/p>\n Todos, pero en contextos diferentes. La tabla siguiente resume cu\u00e1ndo es \u00fatil cada herramienta:<\/p>\n Si tu web saca 88 en Lighthouse y 5 en webaccessible, no es que una herramienta se equivoque. Es que Lighthouse no ha comprobado las reglas donde est\u00e1n los problemas. El 88 es real dentro de su \u00e1mbito; el 5 es real dentro del suyo.<\/p>\n La recomendaci\u00f3n pr\u00e1ctica es usar las tres de manera complementaria: Lighthouse para el d\u00eda a d\u00eda del desarrollo, WAVE para revisiones visuales y presentaciones, y webaccessible cuando necesitas saber realmente d\u00f3nde est\u00e1s.<\/p>\n Ninguna de estas tres herramientas certifica que una web cumpla la normativa de accesibilidad. La European Accessibility Act y la Ley 11\/2023 exigen cumplimiento WCAG nivel AA, y ning\u00fan an\u00e1lisis autom\u00e1tico puede garantizarlo al 100%. Lo que s\u00ed puede hacer una herramienta exhaustiva es identificar la mayor\u00eda de los problemas t\u00e9cnicos detectables autom\u00e1ticamente y orientar las prioridades de correcci\u00f3n.<\/p>\n Si necesitas acreditar el cumplimiento formal, el paso necesario es una auditor\u00eda profesional que combine an\u00e1lisis autom\u00e1tico con revisi\u00f3n manual y pruebas con tecnolog\u00edas de asistencia reales.<\/p>\n 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.<\/p>\n<\/div><\/div><\/div> |