Lección 8Los princípios y estándares de la accesibilidad web
- Noción 51 - Todo comienza con WCAG (Las Pautas de Accesibilidad para el Contenido Web)
- Noción 52 - El 1er principio WCAG: Perceptible
- Noción 53 - El 2º principio WCAG: Operable
- Noción 54 - El 3er principio WCAG: Comprensible
- Noción 55 - El 4º principio WCAG: Robusto
- Noción 56 - Comprender los tres niveles de conformidad de accesibilidad web (A, AA, AAA)
- Noción 57 - ¿Puedes evaluar qué tan bien una página web cumple con los niveles de conformidad de la WCAG?
- Noción 58 - Uso de principios y estándares de accesibilidad web para las redes sociales
- Noción 59 - Repasa los conceptos principales
Noción 57
¿Puedes evaluar qué tan bien una página web cumple con los niveles de conformidad de la WCAG?
Competencias objetivo
Ejercicio
Mediante el uso de la lista de verificación en el texto Recursos, determina qué criterios de éxito WCAG de cada nivel de conformidad cumple la página web a continuación y cuáles no cumple.
También puedes abrir la página web externamente a través de esta fuente: https://www.delish.com/cooking/recipe-ideas/a35555471/loaded-aranitas-recipe/
Al evaluar una página web, ¡siempre ten en cuenta su propósito! En el ejemplo proporcionado, el propósito de la página web es mostrar a los usuarios cómo hacer una receta de cena.
Recursos
Utiliza los criterios de éxito de esta lista de verificación para evaluar el cumplimiento de los niveles de conformidad WCAG:
Para conocer los criterios de éxito más técnicos, el contraste de color, visita este recurso del punto 91: https://color.a11y.com/?wc3
Allí, puedes ingresar la URL de la página web o los códigos de color HEX del texto y el fondo para determinar si están suficientemente contrastados.
Código de color del texto: #3b3734
Código de color de fondo: #ffffff
Corrección
¿Cómo crees que lo hiciste? Para averiguarlo, echa un vistazo a la lista de verificación completa y las explicaciones correspondientes.
Conclusiones clave:
- La página web es parcialmente compatible con todos los niveles de conformidad, pero no ha cumplido en su totalidad con los criterios de éxito de cada nivel.
- Para el nivel A:
A pesar de que la página web presenta un video con subtítulos, el video también está configurado para reproducirse automáticamente (como se puede ver en el mensaje en la esquina superior derecha del video "Haga clic para reactivar"). La página web tiene un título de página útil y claro, pero no proporciona un enlace "Saltar al contenido". En su lugar, el usuario debe desplazarse a través de una entrevista con mucho texto, a pesar de que su objetivo principal al llegar a la página era leer una receta.
- Para el nivel AA:
La página web no proporciona una descripción de audio del contenido de vídeo. Sin embargo, cumple con tres buenas prácticas: proporcionar encabezados y etiquetas, ofrecer más de una forma de encontrar contenido (con un menú y funcionalidad de búsqueda) y aplicar suficiente contraste de color.
- Para el nivel AAA:
El texto está escrito de manera comprensible y detallada para ayudar a los usuarios. Esto significa que es accesible para personas con al menos nueve años de escolaridad. Sin embargo, el texto podría haberse dividido mejor con más encabezados. Otra buena práctica que falta es dejar que los usuarios sepan dónde están (por ejemplo, agregando migas de pan de diseño).