No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Configuración de herramientas de a11y

8/26
Recursos

Aportes 4

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Una herramienta que uso para el tema de contraste es contrast.tools que aparte de calcular el contraste con el algoritmo actual, también lo calcula con un nuevo algoritmo de color que vendrá para la WCAG 3.0

Contexto rápido: el algoritmo que usamos hoy en día tiene fallos, empezó a notarse con el auge del modo oscuro y se empezó a notar que no tiene en cuenta como funciona algunos temas de percepción de color y no hay mucho matiz en temas como grosor o tamaño del texto.

La WCAG sabiendo esto y gracias a alguien llamado Andrew Somers, está creando un nuevo algoritmo que tiene en cuenta ambas cosas.

Disclaimer importante: por temas legales es mejor usar el algoritmo actual, pero mi modo de usarlo es revisar en ambos y ver que funcionen, y si hay discrepancias esas son las que me gusta revisar con el área de diseño o si es posible con usuarios con discapacidad.

Quizas sea relevante mencionar que las Chrome DevTools ya traen por default la herramienta lighthouse, esta buenismo conocer otras como Wave, IBM Equal Access, ANDI y WCAG color contrast 👌 Desde luego hay muchas otras pero es importante tambien saber que esten actualizadas a las directrices de accesibilidad para tu país, ó como lo hace la herramienta de IBM, proporcionando la opción de elegir con que versión de las WCAG vas a auditar. (2.0 , 2.1 , 2.2). Saludos

Mi favorito de color es tanaguru https://contrast-finder.tanaguru.com/

Esta es otro herramienta bastante util para verificar la semantica y accesibilidad de un sitio Accessibility View