A medida que crece el interés por la accesibilidad web, hemos estado desarrollando herramientas para facilitar las evaluaciones de accesibilidad de forma "más sencilla y clara" al ofrecer nuestro servicio de evaluación de accesibilidad.
Como primer paso de esta iniciativa, se ha lanzado la extensión de Chrome "Area Contrast Checker".
Antecedentes del desarrollo
Existen tres tipos principales de verificadores de contraste convencionales, cada uno con sus propias ventajas y desventajas.
- Tipo de escaneo automático
Si bien es eficiente porque extrae datos de toda la página de forma mecánica, tiene la desventaja de ser propenso a falsos positivos y detecciones fallidas cuando el fondo es una imagen o un degradado. - Tipo de selector (cuentagotas)
Si bien puede medir con precisión el color tal como aparece, el inconveniente es que requiere la extracción manual de cada área individual, lo que aumenta la carga de trabajo. - Tipo específico del elemento
Si bien es fácil de usar porque hace referencia directa a la información HTML/CSS, no puede inspeccionar imágenes y es posible que no capture correctamente el estado de renderizado real, como la superposición de elementos y la transparencia.
Un cuarto enfoque completamente nuevo
Con Area Contrast Checker, hemos ideado un cuarto enfoque completamente nuevo.
Seleccione el área que desea examinar dibujando un recuadro a su alrededor. El software analizará los píxeles dentro de esa área y detectará automáticamente dos colores: el color de fondo y el color de primer plano. Dado que se centra en la pantalla que el usuario ve, puede inspeccionar imágenes independientemente de los elementos superpuestos.
Puedes investigar fácilmente simplemente arrastrando la zona que te interese.
Características principales
▪️Las WCAG 2.1 / 2.2 son adecuadas para la evaluación
En función de los criterios de éxito 1.4.3, 1.4.6 y 1.4.11, se evalúan las relaciones de contraste del texto normal (AA: 4,5:1, AAA: 7:1), del texto grande (AA: 3:1, AAA: 4,5:1) y de los componentes de la interfaz de usuario (AA: 3:1).
▪️ Cumple con el estándar de próxima generación APCA
Este software es compatible con el nuevo estándar de contraste "APCA (Algoritmo de Contraste Perceptual Accesible)", que actualmente se está considerando en el borrador de las WCAG 3.0. Muestra instantáneamente el tamaño máximo de fuente (valor Lc) compatible con el software.
▪️Sugerencias de color que preservan el tono
Si la relación de contraste es insuficiente, el sistema sugerirá un color aproximado que cumpla con el estándar, manteniendo el tono del color original.
▪️Funciones avanzadas para profesionales
Admite los formatos de color HEX, RGB y HSL.
- Si desea ajustar con precisión los resultados de la detección automática, puede volver a seleccionar los píxeles uno por uno utilizando el selector.
- Admite dos idiomas: japonés e inglés.
Descarga aquí el comprobador de contraste de área
En Liberogic, nuestro objetivo es que la accesibilidad sea una cualidad estándar, en lugar de algo que requiera una atención especial.
Esta herramienta incorpora todas las funcionalidades que nos han resultado útiles en el desarrollo web y las evaluaciones de accesibilidad. Planeamos lanzar más herramientas para que la accesibilidad sea más accesible y fluida en el futuro. ¡Estén atentos!
