Ante el creciente interés por la accesibilidad web, hemos estado desarrollando herramientas para facilitar y aclarar las evaluaciones de accesibilidad a través de 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 a no detectar ciertos elementos 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.
El desarrollo surgió del deseo de los expertos en la materia de encontrar un método que fuera "fácil, muy preciso y capaz de detectar cualquier cosa en cualquier lugar".
Un cuarto enfoque completamente nuevo
La "solución" a este problema es el cuarto enfoque, el "análisis de área", que se implementa en Area Contrast Checker.
Seleccione el área que desea examinar dibujando un recuadro alrededor de ella. 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 estándar.
▪️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 seguir lanzando herramientas para que la accesibilidad sea más accesible y fluida. ¡Estén atentos!
