Projetar cardapios acessiveis para clientes daltonicos

Um restaurante de 18 mesas em Ankara Etlik notou que um cliente nao conseguia identificar os pratos com o selo "novo" — o selo e a etiqueta de preco apareciam no mesmo cinza no telefone dele. O daltonismo afeta cerca de 4% da populacao mundial: 8% dos homens, 0,5% das mulheres.

Tipos de daltonismo

A forma mais comum e a deuteranopia (cegueira ao verde): vermelho e verde fundem-se em tom lamacento. Protanopia e rara tritanopia (azul-amarelo) causam colisoes semelhantes.

Teste seu cardapio com Adobe Color Blind Simulator ou Coblis. No caso de Ankara, nenhum cliente distinguia "novo" (verde) de "popular" (vermelho) — auditoria travada em 78/100 por meses.

Codificacao dupla

WCAG 2.1 criterio 1.4.1: a cor nao pode ser o unico portador de informacao. Solucao: emparelhar cada selo colorido com um sinal secundario.

• Icone: estrela para "novo", folha para "vegano".
• Texto: estampar "NEW", "POP" ou "PICANTE".
• Forma: pilula vs quadrado vs triangulo.

Contraste

WCAG AAA exige 7:1; AA exige 4,5:1. Lighthouse gera relatorio automatico. Apos codificacao dupla a pontuacao de Ankara foi para 96/100, com elogios extras dos clientes idosos.

FAQ

Quao comum? 8% homens, 0,5% mulheres.

Adobe Simulator como? Photoshop View > Proof Setup > Color Blindness.

thMenu suporta? Sim — cor, icone, label opcional.

Achou útil? Compartilhe.