Acessibilidade: Sistema de Contraste
A acessibilidade não é opcional. Nosso sistema inclui três níveis de contraste ajustáveis pelo usuário.
Como Funciona
Usamos a função color-mix() do CSS no espaço de cor OKLab para ajustes perceptualmente uniformes:
--c-fg: color-mix(in oklab, var(--base-fg), var(--c-bg) 4%);Níveis Disponíveis
| Nível | Ajuste | Uso |
|---|---|---|
| Low | 96% | Ambientes muito claros |
| Normal | 100% | Padrão |
| High | 86% | Maior legibilidade |
Implementação
O contraste é controlado via atributo data-contrast no elemento <html>, permitindo troca instantânea sem reload.