Contraste

O contraste de texto deve ser de pelo menos 4,5:1 (WCAG). A tabela abaixo compara os pares de texto e fundo renderizados pelos componentes em cada preset de marca e modo de cor, usando as cores já resolvidas pelo navegador.

Exemplo: Contraste, Por Marca E Modo

Como interpretar a tabela

Escopo	Pares	O que indica um valor abaixo de 4,5:1
Biblioteca	Texto neutro, erro e campo desabilitado, feedback, toast, badges (menos o primário), tag, paginação, botões de status e white	Os pares são definidos pela biblioteca; ajuste as cores para atingir o mínimo.
Marca	Botões primary e secondary (todas as aparências) e o badge primary	A tabela mostra um aviso: escolha uma cor de texto adequada para a cor de marca.

A cor da marca não precisa mudar. Escolha o texto sobre ela: se o branco não atingir 4,5:1, use um texto escuro em --color-brand-primary-foreground (veja Marcas e presets).

O que a tabela não inclui

Bordas de campo, anéis de foco e ícones não são pares de texto; a tabela compara apenas texto e fundo.