frontend icon indicating copy to clipboard operation
frontend copied to clipboard

[BUG] Acessibilidade com dificuldade de visualização (Daltonismo)

Open HbLuca opened this issue 1 year ago • 5 comments

Descrição

Realizado teste de daltonismo Deuteranomalia, protanomalia e tritanomalia, além da escala de cinza.

Problema encontrado

Ao realizar o teste de visão com parte de Daltonismo (tritanomalia), o que está com a escrita em azul bem claro, tem-se a dificuldade de enxergar.

Prioridade

  • Média: defeito não tão sério, mas que dificulta o uso da aplicação de modo geral

Solução proposta

Verificar com equipe de Design/UX uma solução para que não fique apagado para quem tem Tritanomalia.

Ambiente

Mobile - Google Chrome - Xiaomi Redmi Note 9S

Evidência

Tritanomalia

HbLuca avatar May 19 '24 05:05 HbLuca

Foi criado um teste no Figma com o plugin Color Blind, está na page Designs finais.

Image

HbLuca avatar May 19 '24 05:05 HbLuca

Parece que o link no código não usa as mesas cores que no figma. No figma usamos este azul: #1D61C8 @HbLuca pode verificar se alterando pra este azul citado acima resolve? Se não resolver, acredito que uma possível alternativa seria trocarmos os links pra vermelho. Sobre o campo de consultar disponibilidade eu estou propondo que ele passe a ser cinza #8C94A4, até porque azul como está parece ser um elemento clicável e não é.

barbiebrega avatar May 19 '24 15:05 barbiebrega

@barbiebrega o correto não seria puxar uma documentação sobre cores e ai o pessoal de Front puxar as cores correspondentes ao que Design/UX deixam no doc?

Entre o que citou acima ou #1f64ce pelo que vi, no mobile e também no figma, podem funcionar bem.

Referente a consultar disponibilidade, concordo, seria melhor cinza mesmo, assim não teria problema referente a tritanomalia.

Esses são os utilizados, ao menos realizando teste de apaga-los, sairam do blue e retornaram para black.

image

HbLuca avatar May 19 '24 16:05 HbLuca

@HbLuca o projeto começou sem essa documentação imagino. Eu fiz uma inicial ali no figma, chamada ui-kit, mas me baseei no que tava no Figma. Seria legal pegar alguém de front pra conversar e equalizar o que temos em código e o que temos no Figma.

barbiebrega avatar May 19 '24 17:05 barbiebrega

@barbiebrega entendi. Foi tu quem fez? Baita trabalho! Achei bem daora, fiquei vendo e com ele baixei a grafia que é utilizada para caso tenha sugestão. Faz sentido, poderiamos fazer uma reunião sobre. Acredito que o Vinicius Andrade possa colaborar...

HbLuca avatar May 19 '24 17:05 HbLuca