Las celdas mas oscuras marcan una puntuacion mas alta en ese indicador.
MenosMas
Ultima revision Fuentes y creditosCréditos de mediosMetodología
Respuestas rapidas
Cuando elijo Verificación de contraste WCAG?
Cuando el relato es: Tipo de interfaz de usuario, títulos de diapositivas, leyendas de carteles, etiquetas de insignias.
Cuando lo evito?
En casos como: juzgar el tono de la marca solo sin medir el par.
Quien lo invento o popularizo?
relaciones de contraste WCAG; La investigación APCA (Myndex) como modelo de próxima generación
Que codifica?
diferencia de luminancia entre el primer plano y el fondo
Vale en anuncios?
Si si una tesis se ve de un vistazo en Meta, Google e impresion; si no, enlaza a la figura completa.
Lo aceptara un profesor?
Si en informes de laboratorio y cartulinas si hay ejes, unidades y una linea de fuente.
Verificación de contraste WCAG codifica valores como diferencia de luminancia entre el primer plano y el fondo. relaciones de contraste WCAG; La investigación APCA (Myndex) como modelo de próxima generación.
En informes, anuncios y tareas encaja: Tipo de interfaz de usuario, títulos de diapositivas, leyendas de carteles, etiquetas de insignias. Evitelo cuando juzgar el tono de la marca solo sin medir el par.
Software
- Color.js — Calcule el contraste y los espacios de color en el navegador o en Node. · MIT · github.com/color-js/color.js
- APCA (SAPC) — Modelo de contraste perceptual para pantallas modernas: lea la licencia antes del envío. · AGPL-3.0 · github.com/Myndex/SAPC-APCA
- Leonardo — Genere rampas temáticas accesibles con objetivos de contraste. · Apache-2.0 · github.com/adobe/leonardo
- Bootstrap a11y docs — Guía de contraste documentada enviada con un enorme conjunto de herramientas de interfaz de usuario. · MIT · github.com/twbs/bootstrap
- Atlas SVG examples — Ejemplos renderizados en servidor que puedes leer con JavaScript desactivado. · CC0 examples · github.com/Tool-Lifes/viz-atlas
Exportar
- Exportar 1 — SVG
- Exportar 2 — PDF
- Exportar 3 — EMF/SVG en diapositivas (sin capturas)
- Exportar 4 — SVG para web, PDF para impresion
Accesibilidad
- Accesibilidad 1 — Nunca el matiz solo. Apila patron, etiqueta y posicion.
- Accesibilidad 2 — 4.5:1 para texto, 3:1 para marcas grandes.
- Accesibilidad 3 — Texto alt corto en el grafico; numeros tambien como tabla HTML.
- Accesibilidad 4 — Movimiento solo como enfasis. Respeta prefers-reduced-motion.
Verificación de contraste WCAG: honra diferencia de luminancia entre el primer plano y el fondo, y cambia cuando juzgar el tono de la marca solo sin medir el par.