Comprueba la accesibilidad del texto con la herramienta integrada de relación de contraste de color

Un requisito de accesibilidad importante para garantizar que todo el mundo pueda leer el texto de tu sitio es cumplir con ciertas relaciones de contraste de color. Pero lo difícil es que no puedes simplemente "calcular a ojo" estas relaciones, por lo que comprobar el contraste del texto de tu sitio requiere usar herramientas externas para desarrolladores.

O al menos eso era antes de que integráramos un comprobador de contraste de color directamente en el selector de color.

Con la actualización de hoy, ya puedes comprobar la relación de contraste del texto de tu sitio directamente desde el selector de color en Webflow, que muestra no solo la relación de contraste, sino también la calificación de nivel de las Pautas de Accesibilidad para el Contenido Web (WCAG) correspondiente.

También puedes activar el icono de vista previa (ese pequeño ojo) para ver las curvas que delimitan una calificación WCAG de AA, AAA o de fallo.

Esta calificación WCAG se basa en el color del texto y su fondo, el tamaño de la fuente y el grosor de la letra, que también puedes consultar abriendo el texto de ayuda bajo el icono de interrogación. (Esta sección de contraste solo aparece al editar el color de elementos de texto).