Acessibilidade
Este site é construído para ser legível e operável por todos. A meta é WCAG 2.2 AA, e a conformidade é medida.
O que isso significa na prática:
- O contraste é medido, e o build o exige. Cada cor de texto e de controle é verificada contra os limiares AA (4,5:1 para texto, 3:1 para bordas interativas) toda vez que o site é gerado; o build falha em vez de publicar um par reprovado. As medições atuais estão publicadas abaixo.
- Temas escuro e claro. O interruptor fica no topo e no rodapé de cada página (no telefone, no menu e no rodapé) e a escolha é lembrada neste dispositivo.
- Operação completa por teclado. Tudo alcançável por Tab, contorno de foco visível em toda parte e um atalho para o conteúdo como primeira parada de cada página.
- O movimento respeita suas configurações. A única animação do site é desativada quando seu sistema pede movimento reduzido.
- Estrutura que um leitor de tela consegue usar. Marcos, hierarquia única de títulos, rótulos em cada campo de formulário, alternativas em texto para cada gráfico que carrega informação.
- Quatro idiomas. Inglês, português, espanhol e chinês, alternáveis no topo e no rodapé de cada página. Não é exigência da WCAG — é hospitalidade.
- Sem widgets de sobreposição. A acessibilidade é construída nas próprias páginas.
A aritmética, publicada
Estes são os pares de cores que este site renderiza, medidos no momento do build a partir dos tokens de design. A WCAG AA exige 4,5:1 para texto e 3:1 para as bordas que identificam um controle. O build se recusa a publicar se qualquer linha ficar abaixo do limiar — portanto esta tabela é verdadeira para a página que você está lendo.
| Amostra | Par | Tema | Medido | Limiar |
|---|---|---|---|---|
--ink / --ground | light | 17.91:1 | 4.5:1 · aprovado | |
--ink-soft / --ground | light | 9.37:1 | 4.5:1 · aprovado | |
--ink-faint / --ground | light | 4.91:1 | 4.5:1 · aprovado | |
--brass / --ground | light | 5.36:1 | 4.5:1 · aprovado | |
--ink / --surface | light | 16.18:1 | 4.5:1 · aprovado | |
--ink-soft / --surface | light | 8.46:1 | 4.5:1 · aprovado | |
--ground / --brass | light | 5.36:1 | 4.5:1 · aprovado | |
--ink / --track | light | 13.90:1 | 4.5:1 · aprovado | |
--control / --ground | light | 3.66:1 | 3.0:1 · aprovado | |
--control / --surface | light | 3.31:1 | 3.0:1 · aprovado | |
--ink / --ground | dark | 17.91:1 | 4.5:1 · aprovado | |
--ink-soft / --ground | dark | 7.02:1 | 4.5:1 · aprovado | |
--ink-faint / --ground | dark | 4.83:1 | 4.5:1 · aprovado | |
--brass / --ground | dark | 4.75:1 | 4.5:1 · aprovado | |
--ink / --surface | dark | 16.44:1 | 4.5:1 · aprovado | |
--ink-soft / --surface | dark | 6.44:1 | 4.5:1 · aprovado | |
--ground / --brass | dark | 4.75:1 | 4.5:1 · aprovado | |
--ink / --track | dark | 14.47:1 | 4.5:1 · aprovado | |
--control / --ground | dark | 3.41:1 | 3.0:1 · aprovado | |
--control / --surface | dark | 3.13:1 | 3.0:1 · aprovado |
O que a medição mudou
Em 23 de agosto de 2026 a paleta foi medida pela primeira vez e três reprovações foram corrigidas: o cinza das legendas no tema escuro estava em 3,33:1 (#6E6A64) e subiu para 4,83:1 (#8A847B); o mesmo cinza no tema claro estava em 4,25:1 (#807A72) e foi aprofundado para 4,91:1 (#767066); e os campos de formulário não tinham contorno de 3:1, então uma cor de borda dedicada foi introduzida nos dois temas. O latão da marca passou nos dois fundos sem alteração.
Se alguma parte deste site for difícil de usar para você, isso é um defeito: escreva para torsten@8020.kitchen ou use o formulário de consulta e será corrigido.
Declaração revisada em 26 de agosto de 2026.