Presentación del curso en vídeo

0:00 Te damos la bienvenida

Te damos la bienvenida a Criterios en profundidad I, el cuarto curso del nivel 4 de la Certificación ADDAW de Accesibilidad Digital. Recorreremos los principios Perceptible y Operable de las pautas WCAG 2.2, criterio a criterio. Y lo haremos con la mirada del auditor: qué exige cada criterio, cómo se prueba y cómo se justifica.

0:21 Leer un criterio como auditor

Empezamos por el método. Lo que manda es el texto del criterio y las definiciones del glosario. Las excepciones son una lista cerrada: si el caso no encaja en ninguna, el criterio se aplica. Y las técnicas orientan, pero no obligan. Por ejemplo, no usar aria-label nunca es, por sí mismo, un fallo.

0:39 Alternativas, multimedia y estructura

Después vienen las primeras pautas de Perceptible. En el criterio 1.1.1, el alt depende de la función de la imagen: un icono de carrito enlazado dice «Carrito, 3 artículos», no «dibujo de una cesta». En la pauta 1.2 pedimos subtítulos exactos y audiodescripción. En la 1.3, que la estructura y el orden estén en el código.

1:03 Distinguible: contraste, zoom y espaciado

La pauta 1.4 es la de la baja visión. El texto normal necesita un contraste de 4,5 a 1, y el texto grande, de 3 a 1. Hay tres pruebas distintas: zoom al 200 %, reajuste a 320 píxeles y espaciado del texto. Y el contenido que aparece en hover debe ser descartable, señalable y persistente.

1:26 Teclado, tiempo y destellos

En Operable, todo debe funcionar con teclado y sin trampas para el foco. Los límites de tiempo necesitan aviso y ampliación: una sede que cierra la sesión a los 15 minutos sin avisar incumple. Lo que se mueve solo necesita pausa. Y nada puede destellar más de 3 veces por segundo, salvo por debajo de los umbrales de destello general y rojo.

1:47 Navegación y los nuevos criterios de 2.2

Las pautas 2.4 y 2.5 incluyen tres criterios nuevos de la versión 2.2. El 2.4.11 pide que el foco no quede totalmente tapado, por ejemplo por una cabecera fija. El 2.5.7 exige una alternativa al arrastre. Y el 2.5.8 fija objetivos de 24 por 24 píxeles, con excepciones que aprenderás a aplicar.

2:13 Medir con rigor

Un hallazgo con un número tiene que poder repetirse. El contraste no se redondea: 4,48 a 1 no cumple. Los 320 píxeles se miden en píxeles CSS, no en píxeles de pantalla. Y cada medición se anota con su configuración: navegador, ancho de la ventana, zoom, herramienta y captura.

2:35 Un hallazgo, varios criterios

Asignar bien el criterio evita discusiones. Cada hallazgo tiene un criterio principal y, si procede, secundarios. Un ejemplo clásico: si se ha eliminado el indicador de foco, el fallo es del 2.4.7. Si el indicador existe pero tiene poco contraste, es del 1.4.11. Verás una tabla con las confusiones más habituales.

2:57 Componentes bajo la lupa

En una auditoría real tienes delante componentes. Revisaremos la cabecera, el banner de cookies, el carrusel y el formulario. También los modales, la multimedia, los mapas y las tablas. Y una regla importante: lo de terceros también cuenta. Un chat externo que atrapa el foco impide la conformidad de toda la página.

3:19 Caso práctico: una cita previa

Terminarás con un caso práctico: la página de cita previa de una sede electrónica, como las que usas cada día. Encontraremos 9 hallazgos y descartaremos 5 posibles fallos con su justificación. Después tendrás ejercicios resueltos y una lista de comprobación para tus auditorías.

3:37 Por qué importa

Detrás de cada criterio hay personas. Quien usa el teclado o un magnificador no puede pedir cita si el foco desaparece o el texto se corta. Para el sector público, cumplir es una obligación legal desde el Real Decreto 1112 de 2018. Y un informe preciso es un informe que el cliente puede corregir.

3:57 Al terminar el curso

Al terminar el curso sabrás evaluar y medir cada criterio de Perceptible y Operable. Sabrás asignar el criterio correcto a cada barrera y justificar cada hallazgo con el texto de las pautas. Ten a mano una web real y tus herramientas de desarrollo. Empezamos.