Sugerencias para Herramientas para desarrolladores: Descubre y corrige el texto de contraste bajo

Sofía Emelianova
Sofía Emelianova

El texto de bajo contraste es el principal problema de accesibilidad en la Web. En febrero de 2022, el 83.9% de los principales millones de páginas principales presentaban este problema. Consulta el informe WebAIM Million 2022 para obtener más información.

Las Herramientas para desarrolladores de Chrome te permiten descubrir todos los problemas de contraste de un vistazo y corregirlos con un solo clic.

Mira el video para aprender a hacer lo siguiente:

  • Consulta las relaciones de contraste en la información sobre la herramienta del modo de inspector y los valores de proporción recomendados en el Selector de color.

    Las relaciones de contraste están disponibles en una información sobre la herramienta, con un selector de color para medir la proporción de colores alternativos. Están disponibles las calificaciones AA y AAA de la proporción.

  • En el Selector de color, selecciona los colores sugeridos o elige un color debajo de las líneas de proporción de contraste para cumplir con los lineamientos de WebAIM.

    Las líneas de proporción de contraste recomendadas están disponibles en la vista previa de tonos del selector de color.

  • Descubre todos los problemas de contraste en los paneles Descripción general de CSS y Problemas (vista previa).

    Contrasta los problemas enumerados en el panel Resumen de CSS y en la pestaña Problemas.

  • Emula las deficiencias de visión a fin de comprender cómo se verá tu página para todos los usuarios.

    Visión borrosa seleccionada en la pestaña Renderización y emulada en el viewport

Para obtener una experiencia de aprendizaje más práctica, consulta el instructivo Haz que tu sitio web sea más legible.

Para obtener más información, consulta: