Accesibilidad web: Cómo hacer una buena auditoría WCAG

Previamente hemos hablado sobre la importancia que es hacer de tu sitio web un espacio accesible para todos. En este, concretamente, daremos una vuelta más, y te mostraremos los pasos prácticos que puedes seguir para asegurarte de que tu sitio web cumple con los requisitos básicos de la auditoría WCAG. Es esencial asegurarse de que tu sitio web sea accesible, convirtiéndose así en una oportunidad para crear un impacto positivo en la sociedad y llegar a todos los usuarios independientemente de sus necesidades.

¿Qué se necesita para poder hacer una auditoría WCAG?

Para realizar una auditoría, se necesita tener a mano las directrices WCAG. En este enlace hay una guía de referencia rápida (aunque en inglés), por parte de la W3C. Aunque se llame guía de referencia rápida, la página es muy completa y viene mucho contenido y enlaces que amplían la información.

Directrices WCAG para asegurar una buena auditoria de accesibilidad en tu sitio web

Otro material que necesitamos es un documento donde ir marcando si las diferentes directrices se cumplen o no. Para ello, podemos utilizar este Excel que proporciona el Observatorio de Accesibilidad Web (OAW) del Gobierno de España.

 

 

auditoria WCAG, realiza un análisis de accesibilidad en profundidad de un sitio web

En este documento vienen las directrices traducidas al español, aunque la descripción puede ser algo corta. Si hay dudas, conviene tener a mano la web de referencia rápida, en donde se explican ejemplos de fallos y soluciones.

Paso 1: Muestra y nivel

Una vez tengamos los documentos, necesitamos seleccionar qué páginas analizaremos y con qué nivel. En nivel habitual es el AA, el más estándar para páginas web.

Lo recomendado es analizar un mínimo de 3 páginas que sean diferentes entre sí. Por ejemplo, la home, una página interna (que puede ser una página de producto, una entrada del blog, una página de equipo…), y una página de contacto, si tiene un formulario mejor. Indicaremos estas páginas en la pestaña «03.Muestra» del Excel. Es necesario indicar el nombre, la URL, las migas de pan (breadcrumbs) y los elementos que contienen.

para una buena auditoría WCAG haz una selección de la muestra para accesibilidad web

Todas aquellas páginas internas que no sean contacto, páginas legales (política de privacidad, etc), una búsqueda, un inicio de sesión o una descarga de un documento, las marcaremos como «página tipo».

Una vez hayamos seleccionado la muestra, podemos ir a la pestaña «R9.Web» para comenzar con la auditoría WCAG. El Excel tiene otras pestañas que cumplen con otras directrices, porque es un documento para la revisón de la norma UNE-EN 301549, una normativa española que incluye las directrices WCAG para web en uno de sus apartados (en el 9 para ser más concretos). Pero si solamente necesitamos revisar la WCAG, podemos ir directamente a la pestaña «R9.Web».

Paso 2: Revisar las directrices

En la pestaña «R9.Web» se nos presentan una serie de tablas, cada una identificada con un número y un título, que corresponden a cada directriz que debemos analizar.

revisar directrices para accesibilidad web

Las directrices se dividen en 4 principios:

  1. Perceptible
  2. Operable
  3. Comprensible
  4. Robusto

Si nos fijamos en cada directriz, vienen identificadas con un número, por ejemplo, «9.1.1.1 Contenido no textual». Este número completo es realmente parte de la norma UNE-EN 301549, que incluye la WCAG en su capítulo 9. Pero si quitamos el primer número, veremos que el número coincide con las directrices WCAG de la página de referencia rápida. Cada directriz está siempre asociada al mismo número.

Entonces, en este código encontramos que:

  • El 9 es el capítulo de la norma UNE-EN 301549 que contiene la WCAG.
  • El segundo dígito indica el principio, en este caso el primero: Perceptible.
  • El tercer dígito indica la pauta, en esta caso la primera: Alternativas textuales
  • El cuarto dígito indica el criterio de éxito y nombre identificativo de cada directriz que tenemos que analizar, en este caso el primero:Contenido no textual.

Si nos fijamos en las tablas con cada directriz, vendrán ya rellenadas con las páginas que hemos indicado en la muestra y un selector para indicar el resultado en cada una. Ahora debemos comprobar si los requisitos para cada directriz se cumplen, y poner el resultado acorde.

revisar directrices para auditoria accesibilidad web

El resultado puede ser:

  • N/T: No testado. Es el valor por defecto e indica que un criterio no se ha comprobado todavía.
  • N/D: No decide. Si el documento se está rellenando entre diferentes personas, es posible que cada una de ellas se encargue de revisar unas directrices específicas. Si algo no es del ámbito de la persona que rellena el documento, se marca como N/D y luego se completa con los resultados de las otras personas revisoras.
  • N/A: No aplica. La norma no aplica a esa web en concreto, posiblemente porque no tenga el elemento a analizar. Por ejemplo, es común marcar con N/A criterios que aplican a vídeo cuando la página no tiene vídeos.
  • Falla: Se ha comprobado el criterio de éxito y no lo cumple.
  • Pasa: Se ha comprobado el criterio de éxito y lo cumple. Solamente se marca si se cumple completamente el requisito.

Para ayudarnos a completar la revisión, podemos emplear varias herramientas de análisis de la accesibilidad:

  • TAWdis: Es una herramienta online que realiza un análisis automático de la página que introduzcamos. Nos creará un reporte técnico de las directrices por orden, aunque habrá algunas que hay que revisar manualmente. Es un buen punto de inicio.
  • WAVE: Es una extensión para diferente navegadores que nos va indicando elementos estructurales, texto alternativo, contraste (en código de color, no en imágenes) y otros elementos susceptibles de error de manera visual.

Paso 3: Cumplimiento

El paso final es revisar los resultados en la pestaña «RESULTADOS». Aquí tendremos una celda llamada «Puntuación Media del Sitio Web» en el que aparecerá un número. Si este número es 9 o superior, la web cumple con los requisitos WCAG de manera suficiente. Si el número es inferior a 9, se necesitarán hacer cambios en la web para poder llegar a esta nota.

documento de justificación de la accesibilidad web

 

Para que esta nota refleje solamente los datos de la auditoría de la pestaña «R9.Web», tendremos que marcar con N/A (No aplica) las directrices de las demás pestañas, o hacer la revisión completa del documento con las condiciones de éxito que vienen indicadas en cada apartado.

 

La accesibilidad web es un compromiso con la inclusión y la igualdad de oportunidades. Al seguir estos pasos y realizar una buena auditoría en tu sitio web según las directrices WCAG, estás contribuyendo a un mundo en línea más accesible para todos. En Itequia Design, valoramos la importancia de la accesibilidad y estamos aquí para ayudarte en este proceso. Si tienes alguna pregunta o necesitas asistencia adicional, no dudes en ponerte en contacto con nuestro equipo. Juntos, podemos hacer que la web sea un lugar mejor y más inclusivo para todos.

Suscríbete a la newsletter

    ¿En qué te podemos ayudar?