Celulas mais escuras marcam uma pontuacao mais alta nesse indicador.
MenosMais
Ultima revisao Fontes e creditosCréditos de mídiaMetodologia
Respostas curtas
Quando escolho Verificação de contraste WCAG?
Quando a historia e: Tipo de interface do usuário, títulos de slides, legendas de pôsteres, rótulos de crachás.
Quando evitar?
Em casos como: julgar apenas o matiz da marca sem medir o par.
Quem inventou ou popularizou?
Taxas de contraste WCAG; Pesquisa APCA (Myndex) como modelo de próxima geração
O que codifica?
diferença de luminância entre o primeiro plano e o fundo
Serve em anuncios?
Sim se uma tese se ve de relance em Meta, Google e impressos; senao ligue para a figura completa.
Um professor aceita?
Sim em relatorios de laboratorio e cartazes se houver eixos, unidades e uma linha de fonte.
Verificação de contraste WCAG codifica valores como diferença de luminância entre o primeiro plano e o fundo. Taxas de contraste WCAG; Pesquisa APCA (Myndex) como modelo de próxima geração.
Em relatorios, anuncios e trabalhos: Tipo de interface do usuário, títulos de slides, legendas de pôsteres, rótulos de crachás. Evite quando julgar apenas o matiz da marca sem medir o par.
Programas
- Color.js — Calcule contraste e espaços de cores no navegador ou Node. · MIT · github.com/color-js/color.js
- APCA (SAPC) — Modelo de contraste perceptivo para monitores modernos – leia a licença antes de enviar. · AGPL-3.0 · github.com/Myndex/SAPC-APCA
- Leonardo — Gere rampas temáticas acessíveis com alvos de contraste. · Apache-2.0 · github.com/adobe/leonardo
- Bootstrap a11y docs — Orientação de contraste documentada fornecida com um enorme kit de ferramentas de UI. · MIT · github.com/twbs/bootstrap
- Atlas SVG examples — Exemplos renderizados pelo servidor que você pode ler com o JavaScript desativado. · CC0 examples · github.com/Tool-Lifes/viz-atlas
Exportar
- Exportar 1 — SVG
- Exportar 2 — PDF
- Exportar 3 — EMF/SVG nos slides (sem capturas)
- Exportar 4 — SVG para web, PDF para impressao
Acessibilidade
- Acessibilidade 1 — Nunca o matiz sozinho. Empilhe padrao, rotulo e posicao.
- Acessibilidade 2 — 4.5:1 para texto, 3:1 para marcas grandes.
- Acessibilidade 3 — Texto alt curto no grafico; numeros tambem como tabela HTML.
- Acessibilidade 4 — Movimento so como enfase. Respeite prefers-reduced-motion.
Verificação de contraste WCAG: honre diferença de luminância entre o primeiro plano e o fundo, e mude quando julgar apenas o matiz da marca sem medir o par.