Mostrando entradas con la etiqueta herramientas. Mostrar todas las entradas
Mostrando entradas con la etiqueta herramientas. Mostrar todas las entradas

jueves, 11 de septiembre de 2025

Certificación de auditor de accesibilidad web "Trusted Tester for Web Certification Program 2025" del DHS de Estados Unidos y comparativa con la certificación WAS del IAAP

Certificado de Olga Carreras Montoto como DHS Trusted Tester Certification expedido por el Department of Homeland Security (DHS) del gobierno de Estados Unidos

Hoy he incorporado a mi currículum la certificación Trusted Tester for Web Certification Program 2025 del Department of Homeland Security (DHS) del Gobierno de los Estados Unidos.

Mediante esta certificación, el Department of Homeland Security (DHS) acredita tu capacidad para actuar como evaluador de confianza de accesibilidad web y, por tanto, de validar de forma rigurosa portales y aplicaciones web en base a los estándares de accesibilidad.

Completar con éxito el programa implica una dedicación importante, y no se limita a aspectos teóricos, sino que se centra sobre todo en la práctica real de una auditoría de accesibilidad web mediante casos de prueba. Para ello, tienes que aprobar exámenes teóricos y múltiples exámenes prácticos que requieren analizar páginas web concretas.

Además de esta acreditación, también dispongo de la certificación WAS (Web Accessibility Specialist) de la IAAP (International Association of Accessibility Professionals). Por ello, me ha parecido que sería útil compartir cómo ha sido el proceso de certificación del DHS y compararlo con la certificación WAS, que creo que es más conocida, al menos en España.

Por otra parte, la metodología está centrada, como he dicho, en el estudio de las WCAG y en su aplicación práctica mediante una batería de casos de prueba que vas aprendiendo durante la certificación. Existe una herramienta gratuita que te permite reportar los errores según estos casos de prueba y generar un informe: la "Section 508 Compliance Reporting Tool (SCRT)".

Aplicación web en inglés. Hay una tabla con múltiples columnas: Issue number, test name, test id, test condition, test result, browser, tester comments, location or screen, screenshot, etc.

Me ha parecido interesante compartir también esta herramienta, por lo que la comento al final del artículo.

Índice

Objetivo de la certificación "Trusted Tester for Web Certification Program 2025"

El objetivo de la certificación es avalar tus conocimientos teóricos, pero sobre todo tus conocimientos prácticos, para evaluar la accesibilidad de un portal o aplicación web. Esto implica conocer los estándares de accesibilidad y saber aplicarlos con una batería de casos de prueba, valorando si un criterio concreto pasa, falla o no aplica en una página web o en un contenido concreto.

Al contrario que en la certificación WAS del IAAP, en esta certificación no se exige una experiencia previa. La certificación WAS requiere de 3 a 5 años de experiencia demostrable para poder presentarte a la certificación.

Aunque no se exige una experiencia previa, me parece difícil aprobar la certificación si no conoces los criterios de conformidad, los casos de prueba y tienes algo de experiencia práctica validando la accesibilidad de páginas web, puesto que vas a tener que evaluar muchas a lo largo de las pruebas prácticas.

Estructura del programa

El programa tiene 6 partes. Todo el contenido y todos los exámenes están solo en inglés.

Parte 1. What Is Section 508 and Why Is It Important 2025

En primer lugar tienes que realizar este curso sobre la Section 508.

Es la parte más sencilla, con una evaluación mediante exámenes tipo test. Tienes que alcanzar una puntuación del 100%, pero no hay límite de tiempo. Puedes revisar las respuestas y solicitar otra pregunta si has fallado una. Después envías el examen.

Parte 2. Section 508 Standards for Web 2025

A continuación pasas a un curso muy completo de las WCAG, eso sí, de la versión 2.0. Se explican con bastante detalle y se incluyen diversos ejemplos en cada uno de los criterios.

Realizar los 12 exámenes tipo test lleva su tiempo. Tienes que alcanzar una puntuación del 100% en todos ellos, pero no hay límite de intentos.

Parte 3. Trusted Tester Testing Tools 2025

Este curso es solo para asegurar que sabes utilizar dos herramientas que necesitas para los exámenes prácticos.

En concreto, Colour Contrast Analyser y, sobre todo, ANDI, que es la herramienta que proponen para muchos de los casos de prueba.

Hace tiempo que incorporé ANDI a mi trabajo y me resulta muy útil, tanto en las auditorías como en los cursos para mis alumnos. Si no la conoces, te recomiendo que la pruebes. La tienes en la web de la Social Security Administration del gobierno de Estados Unidos: ANDI

Parte 4. Trusted Tester Training for Web 2025

Esta parte consiste en un curso muy extenso con una amplia batería de casos de prueba para evaluar un portal web de acuerdo a las WCAG. No incluye los requisitos más actuales de las WCAG pero sí algunos adicionales de la Section 508, comunes a la EN 301 549, como los relativos al reproductor de vídeo.

Los casos de prueba están muy detallados e incluyen diversos ejemplos de muestra para ilustrar cuándo se pasa, se falla o no aplica.

Los casos de prueba están agrupados por tipología. Cada una de estas tipologías se evalúa con un examen teórico y con un examen práctico: un total de 38 exámenes.

Los 19 exámenes teóricos son de tipo test.

Los 19 exámenes prácticos incluyen un conjunto de preguntas, cada una con un enlace a una página de prueba. Hay decenas de páginas de prueba diferentes con distintas variantes. En la página que te indican tienes que evaluar un criterio en base a un caso de prueba y contestar si pasa, si falla o si no aplica y la razón de ello.

Tanto los exámenes teóricos como los prácticos se aprueban con un 100% de aciertos, pero puedes repetirlos varias veces, en cuyo caso, el examen tendría preguntas y páginas a analizar diferentes.

Para pasar estos exámenes debes conocer por tanto las WCAG, los casos de prueba y tener algo de práctica evaluando.

Parte 5. Trusted Tester Practice Exam 2025

Esta parte consiste en un examen práctico de 100 preguntas.

Se debe alcanzar el 85% o más para aprobar y así pasar al examen final de la certificación, acreditándote como evaluador de confianza del DHS.

Si lo suspendes, tendrás un límite de intentos consecutivos antes de pasar a la recuperación y, de ahí, a tener que comenzar la certificación desde cero.

Cada pregunta incluye un enlace a una página de prueba distinta, donde debes evaluar el cumplimiento de un criterio específico para un caso de prueba concreto.

Es un examen agotador, de varias horas, pero puedes parar y retomarlo. No me ha parecido fácil, muchas sutilezas en las preguntas y las respuestas.

Parte 6. Trusted Tester Practice Exam 2025 (examen final)

La alegría por haber pasado el examen anterior te dura poco ... porque llegas al examen final y este consta de nuevo de 100 preguntas prácticas.

Tienen tantas páginas y preguntas de prueba que apenas me salió alguna repetida.

Las condiciones son las mismas: 85% o más para aprobar y límite de intentos consecutivos.

Comparativa sobre el alcance respecto a la certificación WAS

Para poder optar a la certificación WAS tienes que avalar una experiencia previa como auditor de accesibilidad web; para la "Trusted Tester for Web Certification Program 2025" no es necesario avalar conocimientos o experiencia previos.

Una diferencia importante es que la "Trusted Tester for Web Certification Program 2025" es a la vez capacitación y certificación, mientras que la WAS es solo certificación, es decir, se te da un corpus para que lo preparares por tu cuenta ("WEB ACCESSIBILITY SPECIALIST Body of Knowledge 2024" (PDF) de la certificación WAS del IAA).

El alcance de las certificaciones también es muy diferente. El "Trusted Tester for Web Certification Program 2025" se centra en los criterios incluidos en las WCAG 2.0, los casos de prueba y la evaluación práctica. Deja fuera los criterios nuevos de las WCAG, la mayor parte del estándar ARIA (trata solo unos pocos roles o atributos, como aria-live o role="presentation") y no incluye la evaluación con lectores de pantalla. Está pensada para que una persona sin conocimientos técnicos o de código, y sin necesidad de un lector de pantalla, pueda evaluar, aunque ello implique no encontrar todos los errores.

Por su parte, el corpus de conocimiento del WAS es mucho más amplio. Incluye ARIA, accesibilidad en las Single Page Application (SPA), todo tipo de productos de apoyo y herramientas de validación, así como aspectos estratégicos como la inclusión de la accessibilidad en todas las fases del proyecto.

Mi conclusión es que me parecen certificaciones complementarias.

Comparativa sobre el proceso de evaluación respecto a la certificación WAS

El examen de la certificación WAS del IAAP es un único examen de tipo test. Consta de 75 preguntas que realizas en un día concreto, durante 2 horas (3 horas si eres una persona con discapacidad o tu idioma es diferente al idioma del examen). El examen está supervisado por un examinador que se asegura de que no consultes ningún material y de que nadie te ayude. Si lo suspendes, tienes una segunda oportunidad, de lo contrario, tienes que volver a pagar.

Comparado con ello, en los exámenes de la certificación del DHS tienes flexibilidad, varias oportunidades sin coste (puesto que es una certificación gratuita) y lo haces a tu ritmo, cuando te viene bien. Sin embargo, la gran cantidad de exámenes teóricos y prácticos de la certificación hace que sea duro de una manera diferente. Realmente, aunque no te vigilen el examen, está pensado para que no lo apruebes si de verdad no sabes lo que estás haciendo.

Por último, el examen de la certificación WAS tiene preguntas teóricas y prácticas, pero no en el sentido de la certificación del DHS, donde tienes que auditar de verdad páginas de prueba.

Comparativa sobre el mantenimiento de la certificación

La certificación del DHS no conlleva un mantenimiento.

La certificación del IAAP obliga a que acredites cada tres años 35 créditos de educación continua en accesibilidad.

Dónde me apunto y cuánto cuesta

La certificación "Trusted Tester for Web Certification Program 2025" es gratuita.

La certificación WAS del IAAP tiene un precio de 555 dólares, con algunos posibles descuentos (si eres miembro del IAAP; si eres un candidato de países de economías emergentes y en desarrollo; y si no es la primera vez que te presentas).

Los enlaces a las dos certificaciones son :

Tabla comparativa

Comparativa entre la certificación del DHS y la certificación del IAAP
DHS Trusted Tester Certification WAS (Web Accessibility Specialist) - IAAP
Objetivo Capacitación y certificación como evaluador de confianza de accesibilidad web. Certificación como especialista en accesibilidad web; no incluye capacitación.
Experiencia requerida No requiere experiencia previa (aunque ayuda). Requiere 3–5 años de experiencia demostrable.
Enfoque Centrada en la evaluación de las WCAG 2.0 y la Section 508 mediante casos de prueba y con la ayuda de herramientas como ANDI. Corpus muy amplio: WCAG 2.2, ARIA, SPA, productos de apoyo, metodología, etc.
Evaluación Múltiples exámenes teóricos y prácticos. 2 exámenes finales de 100 preguntas de análisis práctico de páginas concretas. Aprobación: 100% en teoría/práctica, 85% en exámenes finales con varias oportunidades. No vigilado. Examen único de 100 preguntas tipo test de 2–3 horas un día concreto. Contiene preguntas teóricas y prácticas, pero no requiere auditar páginas reales. Vigilado.
Mantenimiento No tiene. Acreditar 35 créditos de educación continua en accesibilidad cada tres años.
Coste Gratuita 555 USD (disponibles diversos descuentos), incluye dos intentos.
Idioma Inglés Inglés, Español y Alemán

Herramienta "Section 508 Compliance Reporting Tool (SCRT)"

Section 508 Compliance Reporting Tool (SCRT) es una herramienta web gratuita que puedes descargar desde github.com

La herramienta sirve para registrar los errores de accesibilidad que encuentras en una auditoría de acuerdo a los casos de uso definidos, incluyendo los resultados mediante una tabla interactiva:

Aplicación web en inglés. Hay una tabla con múltiples columnas: Issue number, test name, test id, test condition, test result, browser, tester comments, location or screen, screenshot, etc.

Pulsa en la imagen para verla más grande

Primero se introducen los datos generales de la auditoría. Después, en la tabla tienes un fila por cada uno de los casos de prueba tratados, a los que puedes añadir hijos.

La tabla tiene múltiples columnas: para identificar el caso de prueba; para reportar el resultado y los errores encontrados; para indicar dónde se localiza el error e incluir una captura; para indicar si el error es global. También puedes añadir o no las columnas sobre la remediación.

Una vez incluidos los datos, puedes generar el informe, que tiene la posibilidad de filtrar los resultados:

Aplicación web en inglés. Se muestra un informe con los datos de incluidos en la tabla anterior. Se pueden filtrar. Incluye una puntuación.

Pulsa en la imagen para verla más grande

jueves, 4 de septiembre de 2025

Criterio 2.5.8 AA de las WCAG. Herramientas gratuitas para su evaluación manual

Criterio 2.5.8 de las WCAG 2.2 sobre el tamaño mínimo de 24 por 24 píxeles de los elementos de interacción

El criterio 2.5.8 AA "Tamaño del área de interacción (mínimo)" es un criterio de conformidad de las WCAG 2.2 que establece que el tamaño mínimo del área de interacción debe ser de al menos 24 por 24 píxeles CSS.

¿Cómo podemos validar manualmente este criterio? En este artículo reseño diversas herramientas gratuitas que nos pueden ayudar. Recuerda siempre verificar el resultado para evitar falsos positivos o negativos.

Muchas gracias a los autores por compartirlas desinteresadamente. Si queréis recomendar otras similares, podéis hacerlo en los comentarios.

Índice

Circles Bookmarklet de Emiliano Montani

Tipo de herramienta: Bookmarklet

Autor: Emiliano Montani

Enlace a la herramienta: Circles Bookmarklet

Descripción

La herramienta muestra un círculo de 24 píxeles de diámetro dibujado desde el centro de los elementos de interacción.

Captura de un pie de página con listados de enlaces. Cada enlace tiene un círculo rojo desde su centro de 24 por 24 píxeles. El círculo está entre dos rectas paralelas, una tangente en la parte superior y otra tangente en la parte inferior. Esas rectas no son líneas continuas, sino que están formadas por pequeñas rayas que se repiten de manera alternada en blanco y negro

La herramienta muestra el círculo solo en los elementos interactivos menores de 24 píxeles, teniendo en cuenta su área clicable.

Se agrega una línea punteada en blanco y negro en la parte superior e inferior de los círculos, que resulta muy útil para detectar la proximidad de los elementos y detectar si colisionan. Además, como el punteado es blanco y negro, ofrece suficiente contraste sobre cualquier fondo.

Tengo que decir que se ha convertido en mi favorita.

Montani incluye también una versión de la herramienta para evaluar el criterio 2.5.5 de nivel AAA. En este caso, la herramienta indica cuántos elementos de interacción menores de 44 x 44 píxeles ha encontrado y establece el círculo en color amarillo (hay que advertir que menos perceptible que el rojo):

Mensaje de alerta indicando que se han encontrado 214 elementos menores de 44 píxeles

Varios iconos de una página web con un círculo amarillo alrededor

Montani también tiene otro bookmarklet muy útil: Focus 2.4.7 - (Foco visible)

Muchas de las páginas web que analizo no tienen el foco de teclado visible, porque se ha deshabilitado con el estilo outline:0 o outline:none. Además de ser un error de accesibilidad, como auditora, me ralentiza mucho revisar el acceso por teclado.

El bookmarklet Focus 2.4.7 - (Foco visible) añade un foco visible a todos los elementos que reciben el foco de teclado. Eso te ahorra tener que deshabilitar estos estilos en la inspección de código para poder auditar qué elementos están o no recibiendo el foco.

Por supuesto, no solo es útil para los auditores, también puede ser utilizado por las personas que acceden solo con el teclado.

Existen otros bookmarklet similares a Focus 2.4.7 - (Foco visible) como: Force :focus outline bookmarklet de Patrick H. Lauke.

Target size Bookmarklet de Steve Faulkner

Tipo de herramienta: Bookmarklet

Autor: Steve Faulkner

Enlace a la herramienta: target size Bookmarklet

Descripción

Esta herramienta identifica los elementos interactivos, calcula el centro del elemento y dibuja desde dicho centro un círculo de 24 por 24 píxeles. Hasta aquí, igual que la de Montani.

Sin embargo, a diferencia de la herramienta anterior, se muestran los círculos en todos los elementos de interacción, diferenciando los que tienen un área de interacción mayor o menor de 24 píxeles por el color.

Captura de un pie de página con listados de enlaces. Cada enlace tiene un círculo desde su centro de 24 por 24 píxeles. Algunos enlaces tienen un círculo azul y otros un círculo verde.

Personalmente, me resulta incómoda de usar.

Las desventajas que le veo a la herramienta de Steve Faulkner son:

  • tengo que memorizar el código de color,
  • no tengo las líneas punteadas que me ayudan a comprobar si colisionan,
  • el color de los círculos no suele tener contraste con el fondo,
  • los círculos verdes tienen un borde sólido, pero esto no resuelve los problemas de contraste entre los dos tipos de círculos, por lo que, en la práctica, la información se acaba transmitiendo solo por el color.

Con la herramienta de Montani encuentro los problemas con mayor rapidez y facilidad. La Steve Faulkner me resulta más complicada de interpretar y menos perceptible, lo cual será una barrera importante para muchas personas.

Por último, comentar que cuando se activa la herramienta de Faulkner se muestra un mensaje indicando cuántas superposiciones hay. También les agrega el atributo aria-description="overlaps" para encontrarlas en la inspección de código.

Mensaje de alerta indicando que se han encontrado 6 superposiciones

24×24 Pixel Cursor Bookmarklet de Adrian Roselli

Tipo de herramienta: Bookmarklet

Autor: Adrian Roselli

Enlace a la herramienta: 24×24 Pixel Cursor Bookmarklet

Descripción

La herramienta de Adrian Roselli es diferente a las de Emiliano Montani y Steve Faulkner. En este caso, el puntero de ratón se convierte en un círculo que puedes situar encima de los elementos.

En mi caso, la uso para realizar alguna comprobación rápida y puntual.

Tres tipos de puntero de ratón circulares de 24 por 24 píxeles.

Tiene diferentes variantes: con forma de círculo y con forma de cuadrado.

También dispone de una página de prueba con diferentes elementos de ejemplo para validar.

Curtis Wilcox tiene variantes del cursor circular de este Bookmarklet, puedes probarlas y comprobar cuál te resulta más visible con diferentes fondos: 24px Circle Cursor Bookmarklet variants.

Por último, Adrian Roselli tiene una versión para el criterio 2.5.5 AAA que, como he indicado, exige un tamaño mínimo de 44 por 44 píxeles: CodePen Home 44×44 Pixel Cursor Bookmarklet. Es igual que la Jared Smith (44x44 Pixel Cursor Bookmarklet) pero la Roselli se desactiva con ESC.

Stark

Hay diversos validadores autómaticos que revisan también el criterio 2.5.8, como las extensiones Stark, AXE y Lighthouse.

Es muy importante verificar los resultados, ya que hay errores que no detectan.

Stark

Captura de una web con unos botones muy pequeños. La herramienta Stark los resalta con círculo e indica que son muy pequeños.

Stark: errores en el criterio 2.5.8 y 2.5.5. Pulsa en la imagen para verla más grande.

AXE

Resultado del validador AXE. Encuentra errores en el criterio 2.5.8 de las WCAG 2.2. Indica que hay varios elementos de interacción menores de 24 x 24 píxeles. Pulsa en la imagen para verla más grande.

AXE: error en el criterio 2.5.8. Pulsa en la imagen para verla más grande.

Lighthouse

Resultado del validador Lighthouse, indica el error Las áreas táctiles no tienen un tamaño o un espaciado suficientes.

Lighthouse: error en el criterio 2.5.8. Pulsa en la imagen para verla más grande.

El error de Lighthouse tiene como referencia la misma regla de axe-core ("All touch targets must be 24px large, or leave sufficient space").

Inspección de código

Tipo de herramienta: Inspección de código de Chrome

Descripción

Por último, siempre nos queda la inspección de código:

Información sobre un enlace. Se muestra que su altura es de 31.8 píxeles

Inspección de código en Chrome

Artículos relacionados

miércoles, 27 de diciembre de 2023

AuditTool WCAG 2.2. Herramienta para auditorías de accesibilidad de acuerdo a las WCAG 2.2

Gráficas de cumplimiento de las WCAG 2.2 generadas con AuditTool WCAG 2.2

Ya podéis descargar la nueva versión de mi herramienta gratuita, adaptada ahora a las WCAG 2.2.

Audit Tool WCAG 2.2 de Olga Carreras

AuditTool WCAG 2.2 es una excel que:

  • permite ir registrando los datos obtenidos durante la revisión de accesibilidad de un sitio web de acuerdo a las WCAG 2.2
  • genera automáticamente gráficas, estadísticas y tablas resumen de cumplimiento e incumplimiento de la muestra completa, pero también detalladas por página, nivel (A, AA), criterio de conformidad o principio (perceptible, operable, comprensible y robusto). Además, incluye una comparativa del cumplimiento de la muestra respecto a las WCAG 2.0 y las WCAG 2.1

Descarga de AuditTool WCAG 2.2

Para rellenar e interpretar correctamente los resultados de la excel puedes consultar el Manual de ayuda.

Versión WCAG 2.2 en español (15 páginas de muestra) (NUEVO) (gratuita)

AuditTool WCAG 2.2 (15 páginas de muestra), archivo excel (.XLSX) de 2 MB, en español, gratuita

Es una versión operativa. Si necesitas una versión desprotegida que te permita personalizar el alias de las páginas, el aspecto de las gráficas generadas o cualquier otra personalización, puedes ponerte en contacto con Olga Carreras.

Versión WCAG 2.2 en español (30 páginas de muestra) (NUEVO)

AuditTool WCAG 2.2 (30 páginas de muestra), archivo excel (.XLSX) de 2 MB, en español

Esta versión tiene todas las celdas protegidas. Si te interesa la versión desprotegida, puedes ponerte en contacto con Olga Carreras.

Descarga de versiones anteriores

AuditTool WCAG 2.1 en español (gratuita)

Audit Tool WCAG 2.1, archivo excel (.XLSX) de 1,5 MB, en español

AuditTool WCAG 2.1 (english version) (gratuita)

Audit Tool WCAG 2.1, archivo excel (.XLSX) de 1,5 MB (english version)

Versión anterior WCAG 2.0 (gratuita)

Audit Tool WCAG 2.0, archivo excel (.XLSX) de 161 KB.

Descarga de otras herramientas

Zona de descargas de Usable y accesible

AuditTool WCAG 2.2 es una herramienta para las personas que evalúan la accesibilidad de portales web y elaboran informes con los resultados. Las tablas de resultados y las gráficas que genera la herramienta son especialmente útiles para el informe ejecutivo y estratégico, y para la presentación de resultados, pero además ayudan a:

  • comparar en el tiempo los resultados de distintas evaluaciones de un mismo sitio;
  • comparar los resultados de la evaluación de un sitio web con la evaluación de otros sitios o de otra muestra diferente de páginas del mismo sitio web;
  • identificar con rapidez cuáles son los criterios de conformidad y las páginas que presentan más problemas;
  • comparar el nivel de cumplimiento de un sitio web respecto a las WCAG 2.2 frente al nivel de cumplimiento respecto a versiones anteriores (WCAG 2.1 y WCAG 2.0), y de esto modo conocer el esfuerzo necesario para cumplir con la nueva versión del estándar.

Conoce las novedades de las WCAG 2.2 (artículo de Olga Carreras)

Manual de Ayuda de AuditTool WCAG 2.2

¿Qué es y para qué sirve?

Es una excel que permite ir registrando los datos obtenidos durante una revisión o una auditoría de accesibilidad de un portal web de acuerdo a las WCAG 2.2

La herramienta genera automáticamente gráficas, estadísticas y tablas resumen de cumplimiento e incumplimiento de la muestra completa, pero también detalladas por página, nivel (A, AA), criterio de conformidad y principio (perceptible, operable, comprensible y robusto). Además, incluye una comparativa del cumplimiento de la muestra respecto a las WCAG 2.0, las WCAG 2.1 y las WCAG 2.2

En las hojas iniciales se registran los datos generales de la auditoría y las páginas de la muestra, según se define en la Metodología de Evaluación de Conformidad con la Accesibilidad en sitios Web (WCAG-EM) del W3C. Por ejemplo, permite definir las páginas de la muestra que actuarán como muestra de control.

Descripción detallada

La herramienta AuditTool es una excel de 10 hojas que creé para mi uso personal, pero que comparto en el blog desde comienzos del 2012.

A continuación, describo cada una de las hojas de la excel:

Hoja "1. Datos generales"

Pantallazo de la primera hoja de la excel Datos generales. Permite introducir los datos que se van a enumerar a continuación.

Hoja "1. Datos generales" (ver imagen en grande)

La primera hoja de la excel solicita información general sobre el sitio a evaluar:

  • Cliente: cliente para el cual se está haciendo la evaluación.
  • Nombre del sitio: identificación del sitio o aplicación web que estamos evaluando.
  • Alcance de la evaluación: tiene que ser una definición no ambigua que permita determinar sin lugar a dudas si una página o contenido está o no dentro del alcance de la evaluación. Por ejemplo, "todas las páginas y contenidos de la parte pública de la web Usable y accesible, en el dominio http://www.usableyaccesible.com"
  • Periodo de revisión: periodo de tiempo durante el cual se ha realizado la evaluación.
  • Evaluador: persona que realiza la evaluación.
  • Nivel evaluado: A o AA. Es muy importante rellenar este dato, puesto que las estadísticas se calculan en base al nivel indicado.
  • Soporte de accesibilidad: dispositivos, sistemas operativos, navegadores y productos de apoyo que deben ser soportados por el sitio o aplicación web que se está evaluando.
  • Tecnologías compatibles con la accesibilidad: tecnologías compatibles con la accesibilidad de las que depende el sitio, por ejemplo, HTML5, CSS, WAI-ARIA, SVG, PDF. Comprender el concepto "compatible con la accesibilidad (accessibility-supported) de las WCAG"

Hoja "2. Páginas de la muestra"

Pantallazo de la segunda hoja de la excel Páginas de la muestra. Permite introducir los datos que se van a enumerar a continuación

Hoja "2. Páginas de la muestra" (ver imagen en grande)

En la segunda hoja de la excel se nos solicita información sobre las páginas del sitio que componen la muestra a evaluar:

  • Número de páginas de la muestra: según la versión de la herramienta puede ser de 1-15 páginas o de 1-30 páginas, según la versión de la excel. Es muy importante rellenar este dato puesto que las estadísticas se calculan en base al número de páginas indicado.
  • Alias: es el nombre que le damos a cada página de la muestra para identificarla con más claridad. El alias que le demos a la página será el que automáticamente se le asigne en las tablas y gráficas de resultados de todas las hojas. Se puede modificar en cualquier momento, si la excel está desprotegida, y las hojas se actualizarán en consecuencia para reflejar el cambio. Se recomienda que sea un nombre muy breve: "Home", "Búsqueda", etc.
  • URL: indicamos la URL de cada página de la muestra.
  • ¿Página de control?: la metodología WCAG-EM del W3C indica que se deben incluir en la muestra páginas al azar como muestra de control. Por ejemplo, en una muestra de 15 páginas, 2 serían páginas seleccionadas al azar. Si no estás trabajando con muestra de control no pasa nada, indica que ninguna de tus páginas es una página de control.

Hoja "3. Evaluación Nivel A"

Tercera pestaña de la excel. Se describe a continuación.

Hoja "3. Evaluación Nivel A" (ver imagen en grande)

En esta hoja se listan todos los criterios de conformidad de nivel A de las WCAG 2.2 (se identifican los criterios que se incluyeron nuevos en las WCAG 2.1 y los que se han incluido nuevos en las WCAG 2.2). Por cada uno de los criterios tenemos el listado de las páginas de la muestra.

Tenemos que seleccionar por cada página, mediante un desplegable (columna "¿Cumple?"), uno de los siguientes valores:

Desplegable con los valores si, no, no se aplica

Hoja "3. Evaluación Nivel A". Desplegable asociado a cada página (ver imagen en grande)

  • : para indicar que la página cumple con ese criterio de conformidad.
  • No: para indicar que la página no cumple con ese criterio de conformidad.
  • No se aplica: cuando el criterio de conformidad no se aplica a la página. Por ejemplo, si la página no incluye vídeos, no se aplicarán los criterios relacionados con el contenido multimedia.

En los resultados tendremos columnas separadas para reflejar los resultados teniendo en cuenta los "no se aplica" y sin tenerlos en cuenta. En las gráficas generales de cumplimiento e incumplimiento (como se indica siempre en la excel) no se contabilizan los "no se aplican". Es decir, si por ejemplo en el nivel A, 10 criterios se cumplen, 10 no y 5 no se aplican, el porcentaje de cumplimiento es del 50% para el nivel A, sin contabilizar los "no se aplican".

En función de los datos introducidos se rellena automáticamente el campo "Muestra completa" que indica si la muestra en su conjunto cumple con el criterio.

En un criterio, cada página de la muestra tiene el dato Sí (en 8 páginas), No (en 5 páginas), y No aplica (en 2 páginas). Al final, el campo Muestra completa indica No.

Hoja "3. Evaluación Nivel A". Campo "Muestra completa" de un criterio de conformidad (ver imagen en grande).

El valor del campo "Muestra completa" de cada criterio se cumplimenta siguiendo estas pautas:

  • si alguna de las páginas de la muestra no cumple el criterio de conformidad, la muestra en su conjunto no cumple ese criterio;
  • si el criterio de conformidad "no se aplica" en todas las páginas de la muestra, el criterio "no se aplica" en la muestra completa;
  • si todas las páginas cumplen el criterio de conformidad (aunque en algunas se haya marcado "no se aplica"), la muestra en su conjunto cumple el criterio de conformidad.

Por cada criterio de conformidad se incluye su descripción, su enlace a las WCAG 2.2 y su ayuda revisada.

Hoja "3.1 Gráficas y estadísticas A"

Esta hoja es solo de resultados. Se actualiza automáticamente en base a los datos incluidos en la hoja anterior.

Pantallazo de la hoja 3.1 Incluye una gráfica de tarta de cumplimiento de la muestra y una tabla resumen con los porcentaje de cumplimiento

Hoja "3.1 Gráficas y estadísticas A. Nivel de adecuación A de la muestra en su conjunto" (ver imagen en grande)

Muestra en primer lugar una gráfica de tarta con el porcentaje de cumplimiento de la muestra en su conjunto. Para elaborarla se utilizan los datos introducidos en los campos "Muestra completa" que ya hemos comentado en la hoja anterior. Por tanto, para obtener datos completos es imprescindible que todos los campos "Muestra completa" estén rellenos.

Bajo la gráfica se muestra la tabla con los porcentajes de cumplimiento e incumplimiento. La tabla tiene una columna para los porcentajes teniendo en cuenta los "no se aplica", y una columna para los porcentajes sin tener en cuenta los "no se aplica".

La gráfica muestra los porcentajes sin los "no se aplica".

Es importante tener en cuenta que los porcentajes de cumplimiento de esta hoja son de la muestra en su conjunto.

Imaginemos una muestra de 15 páginas en la que 14 páginas cumplen todos los criterios de conformidad de nivel A, pero 1 página no cumple ninguno de ellos. Todos los criterios de conformidad para la muestra en su conjunto estarán registrados como "no cumple", porque en cuanto una página no cumple el criterio, la muestra no es conforme con ese criterio. Por tanto, en este ejemplo, el porcentaje de cumplimiento de la muestra en su conjunto será 0%.

Esto nos indica que el sitio no cumple el nivel A (pues hay una página que no cumple ninguno de los criterios de nivel A), pero no quiere decir que el sitio sea 0% accesible: ¡hay 14 páginas que sí alcanzan el nivel A!

Para ver el grado de cumplimiento del sitio teniendo en cuenta el % de páginas que sí lo cumple, y no la muestra en su conjunto, tenemos la hoja 6. Resultados de la evaluación por nivel y principio, donde se están mediando los resultados por página. En el caso que ponía de ejemplo, el porcentaje del cumplimiento del sitio reflejado en la hoja 6 no sería 0% sino mucho mayor.

En esta hoja 3.1, se muestran también los datos en formato tabla y en formato gráfica desglosados por página.

Pantallazo de la hoja 3.1 Incluye una tabla y una gráfica de barras con los porcentajes de cumplimiento por página.

Hoja "3.1 Gráficas y estadísticas A. Datos desglosados por cada página de la muestra" (ver imagen en grande)

Hoja "4. Evaluación Nivel AA"

El contenido y funcionamiento de esta hoja es el mismo que el de la hoja 3. Evaluación de nivel A, solo que los criterios de conformidad listados son los criterios de nivel AA de las WCAG 2.2.

Hoja "4.1 Gráficas y estadísticas AA"

Esta hoja es igual que la hoja 3.1 "Gráficas y estadísticas A", pero refleja los resultados de nivel AA en base a los datos introducidos en la hoja 4 "Evaluación Nivel AA".

Pantallazo de la pestaña 4.1. Incluye gráfica de tarta con porcentaje de cumplimiento AA de la muestra y tabla resumen desglosada por cumplimiento de criterios AA y de criterios A+AA

Hoja "4.1 Gráficas y estadísticas AA. Nivel de adecuación AA de la muestra en su conjunto" (ver imagen en grande)

Pantallazo de la pestaña 4.1 Incluye dos tablas desglosando por página el cumplimiento de los criterios de nivel AA y de nivel A+AA

Hoja "4.1 Gráficas y estadísticas AA. Datos desglosados por cada página de la muestra" (ver imagen en grande)

Pantallazo de la pestaña 4.1 Incluye una gráfica de barras con el porcentaje de cumplimiento AA de las páginas de la muestra.

Hoja "4.1 Gráficas y estadísticas AA. Gráfica de cumplimiento de cada página" (ver imagen en grande)

En las WCAG 2.2, hay 31 criterios de conformidad de nivel A (se han añadido dos, pero se ha eliminado el criterio 4.1.1) y 24 de nivel AA (cuatro más que en las WCAG 2.1). Para que una página alcance el nivel AA, debe cumplir con los criterios de nivel A (31) y los criterios de nivel AA (24), es decir, 55 criterios en total.

En esta hoja, las tablas desglosan los resultados obtenidos por los criterios de nivel AA (los 24 criterios evaluados en la hoja 4) y por el nivel AA real (A+AA, hoja 3 + hoja 4 = 55 criterios).

Las gráficas siempre reflejan los datos del nivel AA real (A+AA) para que no haya confusión.

Sin embargo, también pueden ser muy útiles los datos solo de los criterios AA para valorar el esfuerzo que debe hacer la organización en este nivel.

Hoja "5. Resultados por criterio"

En esta hoja se muestran los resultados desglosados por criterio y nivel.

Listado de todos los criterios de conformidad (primero los de nivel A y luego los de nivel AA) con el número de páginas que lo cumplen, no lo cumplen o no se aplica. Incluye gráficas de barras de los resultados desglosados por nivel y criterio.

Hoja "5. Resultados por criterio" (ver imagen en grande)

En primer lugar hay una tabla donde se muestran todos los criterios de conformidad (primero los de nivel A y luego los de nivel AA), en la que automáticamente se van reflejando todos los datos introducidos en las hojas 3 y 4, indicando así en cada criterio el número de páginas que lo cumplen, no lo cumplen o no se aplica.

En base a dichos resultados se generan para el nivel A y para el nivel AA gráficas de barras que desglosan los resultados por criterio de conformidad.

Esta pestaña nos da una perspectiva global de los criterios de conformidad que más o menos problemas están generando.

Hoja "6. Resultados por nivel y principio"

Gracias a la colaboración del profesor Roberto Muñoz y a sus alumnos de la Facultad de Ingeniería de la Universidad de Valparaíso, Chile, desde la versión 2 de la excel se incluyen las hojas 6 y 7.

La hoja 6 "Resultados de la evaluación por nivel y principio, mediando resultados por página" incluye una tabla resumen que desglosa por cada página: su % de cumplimiento A y AA, y su % de cumplimiento por cada uno de los cuatro principios en los que se agrupan los criterios de las WCAG 2.2: perceptible, operable, comprensible y robusto.

Incluye además dos gráficas de barras para mostrar la media del % de cumplimiento de las páginas por nivel y por principio.

Hoja 6. Resultados por nivel y principio. Incluye una tabla desglosada por páginas con el porcentaje de cumplimiento por nivel y principio y gráficas de barras en base a dichos datos.

Hoja "6. Resultados por nivel y principio" (ver imagen en grande)

Como ya he indicado en la hoja 3, el porcentaje de cumplimiento A y AA no tiene por qué coincidir con los de las hojas 3.1 y 4.1. Allí el porcentaje se calcula para la muestra en su conjunto, y aquí mediando el cumplimiento de las páginas.

Desde la versión 3.1 de la excel he mejorado esta hoja para que los resultados sean válidos independientemente del nivel evaluado o del número de páginas de la muestra, por ello es muy relevante indicar en la hoja 1 el nivel evaluado (A o AA) y en la hoja 2 indicar el número de páginas de la muestra (de 1 a 15, o de 1 a 30, según la versión de la excel).

Hoja "7. Resultados detallados por página"

Hoja 7 Resultados detallados por página, incluye diversas tablas desglosando los porcentajes de cumplimiento de cada página por nivel y principio.

Hoja "7. Resultados detallados por página" (ver imagen en grande)

Esta pestaña muestra los mismos resultados que la pestaña 6 (de hecho, se basa en ellos para generarse) pero mucho más detallados.

Desde la versión 3.1 de la excel los porcentajes de cumplimiento por principio los calculo en base al número de criterios de cada principio en el nivel evaluado, es por tanto el % de cumplimiento de ese principio en ese nivel (A o AA). Por ello es muy importante indicar en la hoja 1 el nivel evaluado (A o AA).

Hoja "8. WCAG 2.0 vs WCAG 2.1 vs WCAG 2.2"

En esta hoja se muestra en primer lugar una tabla y una gráfica con el porcentaje de cumplimiento de la muestra completa, de forma comparativa entre las WCAG 2.0, las WCAG 2.1 y las WCAG 2.2 y por nivel A y AA.

Es útil para consultar si la muestra, aunque no cumpla con las WCAG 2.2, sí está al menos cumpliendo con las WCAG 2.0 o las WCAG 2.1

Tabla y gráfica con el porcentaje de cumplimiento de la muestra completa, por el nivel A y por el nivel AA, respecto a las WCAG 2.0,  las WCAG 2.1 y las WCAG 2.2

Hoja "8. WCAG 2.0 vs WCAG 2.1 vs WCAG 2.2" (ver imagen en grande)

Como en las WCAG 2.2 ya no se incluye el criterio 4.1.1 (presente en las WCAG 2.0 y WCAG 2.1), para poder hacer correctamente la comparación, en esta hoja hay que indicar si la muestra en su conjunto cumple o no cumple con el criterio 4.1.1:

Captura de la hoja 8. Hay un campo para seleccionar si la muestra cumple con el criterio 4.1.1

Hoja "8. WCAG 2.0 vs WCAG 2.1 vs WCAG 2.2". Desplegable para seleccionar si la muestra cumple con el criterio 4.1.1 (ver imagen en grande)

A continuación de ese campo, se muestra una tabla y sus correspondientes gráficas solo con los resultados de los criterios de conformidad de las WCAG 2.1. Y una tabla y sus correspondientes gráficas solo con los resultados de los criterios de conformidad de las WCAG 2.2.

Esto puede ser muy útil para la evaluación de sitios que ya cumplen con las WCAG 2.0 o las WCAG 2.1, de manera que es fácil ver el esfuerzo necesario para cumplir con una versión superior del estándar.

Tabla con el listado de los nuevos criterios de las WCAG 2.1 con el número de páginas que lo cumplen o no. Acompañada de dos gráficas generadas a partir de la tabla, con los datos organizados por criterio y organizados por su cumplimiento o no. Lo mismo para los criterios de las WCAG 2.2

Hoja "8. WCAG 2.0 vs WCAG 2.1 vs WCAG 2.2". Cumplimiento de los criterios WCAG 2.1 y de las WCAG 2.2 (ver imagen en grande)

Licencia

La descarga de la excel es directa y gratuita, pero está prohibida su distribución y su uso comercial sin permiso del autor.

Si necesitas desproteger la excel, puedes pedir presupuesto

Mejoras futuras

En futuras versiones:

  • Evaluación del nivel AAA.
  • Evaluación de los criterios EN 301 549.
  • Comparación automática entre las páginas de la muestra de control y las páginas seleccionadas estructuradamente.
  • Alerta si no se ha cumplimentado algún campo de la hoja 3 y 4.
  • Seguir mejorando la accesibilidad de la excel.
  • Versión en inglés.

Cualquier otra sugerencia me la podéis dejar en los comentarios.

Descarga de AuditTool WCAG 2.2

Para rellenar e interpretar correctamente los resultados de la excel puedes consultar el Manual de ayuda.

Versión WCAG 2.2 en español (15 páginas de muestra) (NUEVO) (gratuita)

AuditTool WCAG 2.2 (15 páginas de muestra), archivo excel (.XLSX) de 2 MB, en español, gratuita

Es una versión operativa. Si necesitas una versión desprotegida que te permita personalizar el alias de las páginas, el aspecto de las gráficas generadas o cualquier otra personalización, puedes ponerte en contacto con Olga Carreras.

Versión WCAG 2.2 en español (30 páginas de muestra) (NUEVO)

AuditTool WCAG 2.2 (30 páginas de muestra), archivo excel (.XLSX) de 2 MB, en español

Esta versión tiene todas las celdas protegidas. Si te interesa la versión desprotegida, puedes ponerte en contacto con Olga Carreras.

Descarga de versiones anteriores

AuditTool WCAG 2.1 en español (gratuita)

Audit Tool WCAG 2.1, archivo excel (.XLSX) de 1,5 MB, en español

AuditTool WCAG 2.1 (english version) (gratuita)

Audit Tool WCAG 2.1, archivo excel (.XLSX) de 1,5 MB (english version)

Versión anterior WCAG 2.0 (gratuita)

Audit Tool WCAG 2.0, archivo excel (.XLSX) de 161 KB.

Descarga de otras herramientas

Zona de descargas de Usable y accesible

Servicios relacionados: Consultoría, auditoría y formación en accesibilidad web

Artículos relacionados: