teste vermelho verde UI
Um par clássico de botões, verde para confirmar e vermelho para cancelar ou excluir, carrega um significado que só existe por convenção cultural: a cor em si não diz "sucesso" nem "erro" para quem não enxerga a diferença. Este teste simula o par exato de cores que você está usando sob as três formas de daltonismo antes de você publicar a interface.
Um usuário com deuteranopia separa os dois botões visualmente, mas não consegue inferir qual é o de sucesso só pela cor.
O padrão se repete: distinguibilidade entre os botões preservada, associação cultural de cor perdida.
Um fundo neutro não resolve nada sozinho, a redundância precisa estar dentro do próprio botão.
Não. Ela aproxima a percepção média por um modelo matemático; pessoas reais variam em severidade, adaptação e contexto de iluminação, e muitas têm visão de cor reduzida, não ausente.
Tecnicamente sim, como no exemplo #5F537D contra #AFBC44 sob deuteranopia, as duas continuam sendo hexadecimais diferentes. O problema não é confundir um botão com o outro, é que nenhuma das duas cores simuladas carrega mais o significado "sucesso" ou "erro" que a cor original carregava por convenção.
Porque numa dicromacia real o cone correspondente, L na protanopia, M na deuteranopia, está completamente ausente, não só deslocado, então nenhum par específico de vermelho e verde escapa da simulação. A exigência do WCAG 1.4.1 é justamente não depender só do matiz, não achar o par "certo" de cores.
Sim, desde que o ícone tenha contraste de forma suficiente contra o fundo do botão independente do matiz, um contorno de check contra um de X, por exemplo. Reconhecimento de forma não depende de nenhum tipo de cone, então funciona igual nas três condições simuladas.
Não. Distinguibilidade sob simulação de daltonismo e taxa de contraste mínimo (WCAG 1.4.3 para texto, 1.4.11 para elementos gráficos) são duas verificações separadas: um botão pode passar numa e falhar na outra, então as duas precisam ser conferidas de forma independente.
#3DDC97#E5C46B#E07B8E#4EA8DE#F7F8F7#796DAC#D9DB86#BAC288#7069CE#F7F7F7#796DAC, #D9DB86, #BAC288, #7069CE, #F7F7F7A paleta é processada localmente; nenhuma cor ou imagem é enviada ao servidor.