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

Sofia Emelianova
Sofia Emelianova

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

Las Herramientas para desarrolladores de Chrome te permiten descubrir todos los problemas de contraste de un vistazo y solucionarlos con solo hacer clic en un botón.

Mira el video para aprender a hacer lo siguiente:

  • Consulta las proporciones 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 proporciones de contraste están disponibles en un cuadro de información con un selector de color para medir la proporción de colores alternativos. Se encuentra disponible la calificación AA y AAA de la ración.

  • En el Selector de color, elige los colores sugeridos o uno 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).

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

  • Simula deficiencias de visión para comprender cómo luce tu página para todos los usuarios.

    Se seleccionó una visión borrosa en la pestaña Renderización y se emuló 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: