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

Sofia Emelianova
Sofia Emelianova

El texto con contraste bajo es el principal problema de accesibilidad en la Web. En febrero de 2022, el 83.9% de las páginas principales del millón más popular tenía 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 solucionarlos con un clic.

Mira el video para aprender a hacer lo siguiente:

  • Consulta las relaciones de contraste en la información sobre herramientas del modo Inspector y los valores de relación recomendados en el Selector de color.

    Las proporciones de contraste están disponibles en una información sobre herramientas, con un selector de color para medir la proporción de colores alternativos. La clasificación AA y AAA de la proporción está disponible.

  • 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 los tonos del selector de color.

  • Descubre todos los problemas de contraste en los paneles Resumen de CSS y Problemas (versión preliminar).

    Problemas de contraste que se enumeran en el panel Resumen de CSS y en la pestaña Problemas

  • Emula deficiencias visuales para comprender cómo se ve tu página para todos los usuarios.

    Visión desenfocada 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 Cómo hacer que tu sitio web sea más legible.

Para obtener más información, consulta: