Las relaciones de contraste (CR) describen una relación matemática entre el fondo y el color de primer plano de un poco de texto de tu wiki. La matemética da a una gran cantidad de personas la oportunidad de leer tu wiki.
Entendiendo la actividad visual
Todos estamos tratando de alcanzar el 20/20 en esta tabla de visión ocular.
Considera la agudeza visual. Es una medida de qué tan bien puedes leer las letras negras en fondo blanco desde una distancia particular, y es algo que probablemente hayas hecho con anterioridad.
Piensa sobre cuando estás en el oculista. Usualmente, los pacientes son sentados a 6 metros de distancia de la tabla. La agudeza visual es la fración donde el numerador es 20 y el denominador es el número asignado a la línea más pequeña de la tabla que cada persona puede leer. Estadísticamente, la agudeza visual es capaz de leer la línea marcada 20 desde 6 metros de distancia.[1]
Encontrando la relación de contraste
La fracción de agudeza visual está directamente relacionado a la relación de contraste — una expresión matemática de la comodidad que una persona tiene leyendo tu wiki. La relación más alta es de 21:1, que es un texto negro en un fondo blanco — o un texto blanco en un fondo negro. La relación más baja es 1:1, la cual sería que tanto el fondo como el negro son del mismo color.
Apegarse al estándar de las páginas web no significa que tienes que quedarte con los aburridos blanco y negro. Esta combinación de morado y dorado fácilmente pasa la marca AAA, así como lo hacen muchas otras.
Una persona con visión 20/20 probablemente puede ver una página con una relación de contraste de 2:1, pero no será placentero. Por lo que la relación de contraste mínima para la persona con una visión normal sería de 3:1.
Pero no puedes hacer un wiki que solo sea bueno para personas con visión 20/20. Esto es por lo cual el Consorcio de la Red Mundial (W3C por sus siglas en inglés) recomienda dos estándares: AA y AAA.
AA busca incluir a personas que tienen una visión 20/40 al proveerles un CR de 4.5:1 para texto regular, y 3:1 para un texto más grande.WCAG 2.1 Success Criterion 1.4.3 Contrast (Minimum). Level AA</ref>. AAA tiene una relación de contraste mínima de 7:1 para texto regular, y 4.5:1 para un texto más grande.[2].
Para ambos estándares, un buen contraste sin texto también es necesario. Esto aplica a elementos gráficos como íconos, que son necesarios para entender el contenido del wiki. Estos necesita tener una relación de contraste de por lo menos 3:1.[3] Por ejemplo, un ícono que indica oro en un juego es utilizando en una infobox en lugar de la palabra "oro": esto otorga información, por lo que debería ser visible.
Una relación más alta permitirá a personas con visión 20/80 utilizar tu wiki con bastante comodida. Aquellos con una visión menor a 20/80 usualmente utilizan dispositivos adicionales de asistencia, haciendo que esta agudeza visual sea la menor en ser considerada por tu CSS.[4][5].
Referencias
- ↑ Hellem, Amy and Gary Heiting, OD. "Is 20/20 Vision "Perfect" Vision?". allaboutvision.com. Updated September 2017.
- ↑ WCAG 2.1 Success Criterion 1.4.6 Contrast (Enhanced). Level AAA
- ↑ WCAG 2.1 Success Criterion 1.4.11 Non-text Contrast. Level AA
- ↑ Contrast (Minimum) Understanding SC 1.4.2. W3C.
- ↑ Contrast (Enhanced) Understanding SC 1.4.6. W3C.
Ver también
Temas relacionados aquí en Fandom
- Una introducción sobre este tema.
- Incluyendo a los daltónicos en tu wiki.
- Un video sobre el CSS con una sección sobre la teoría de los colores, comenzando a los 58 minutos.
Ayuda y comentarios
- Navega y busca otras páginas de ayuda en Ayuda:Contenidos.
- Revisa Comunidad Central de Fandom para más fuentes de ayuda y soporte.
- Revisa Contactar con Fandom para saber cómo reportar algún error o algún paso que no esté claro en este artículo.