| Partes Contrastadas | Ratio mínimo | Cumplimiento | Puntuación |
|---|---|---|---|
| Enlace - Fondo | 3:1 | SI | 7.00 |
| Hover del Enlace - Fondo | 3:1 | SI | 6.26 |
| Enlace - Texto | 3:1 | SI | 3.00 |
| Hover del Enlace - Texto | 3:1 | SI | 3.35 |
| Texto Normal | 3:1 | SI |
| 1.4.3 Contraste Mínimo (AA) | Ratio | Cumplimiento | |
|---|---|---|---|
| Texto Normal | Menor a 18px o 14px en negrita | 4.5:1 | SI |
| Texto Grande | Igual o superior a 18px o 14px en negrita | 3:1 | SI |
| 1.4.6 Contraste Mejorado (AAA) | Ratio | Cumplimiento | |
|---|---|---|---|
| Texto Normal | Menor a 18px o 14px en negrita | 7:1 | SI |
| Texto Grande | Igual o superior a 18px o 14px en negrita | 4.5:1 | SI |
¿Que es PaChecker?
PaChecker es un analizador del ratio de contaste del color texto de una pagina web. Es esencial a la hora de crear una pagina web que respete las directrices de las WCAG para una web accesible para todo el mundo.
¿Por qué es importante el contraste de colores?
Un contraste adecuado facilita la lectura del contenido textual para el publico general, además de ser esencial para personas con discapacidades visuales. Un contraste inadecuado puede dificultar la lectura y comprensión del contenido, lo que puede llevar a una mala experiencia de usuario.
¿Que significan los niveles de conformidad (AA y AAA)?
Los niveles de conformidad son los niveles de accesibilidad que se pueden alcanzar siguiendo las directrices de las WCAG. El nivel AA es el nivel mínimo de conformidad que se debe alcanzar para que una web sea accesible, mientras que el nivel AAA es un nivel de conformidad más alto, para contenido crítico o de accesibilidad avanzada.
¿Como usar PaChecker?
Introduce en los recuadros los valores de los colores, puedes seleccionar el color o elegir introducir el valor hexadecimal del color. PaChecker te dirá si el contraste de los colores es adecuado y si cumple con las directrices de las WCAG.
¿Por qué PaChecker?
Tienes las especificaciones de las WCAG relacionadas con el contraste de colores, ademas de tener varias opciones extra como la seleccion de un color hover, el tamaño de la letra y los estilos de la letra.
¿Que son los textos de ejemplo?
Los textos de ejemplo son frases de canciones de la playlist personal del creador de PaChecker, que se pueden cambiar con el botón lateral de la nota musical.