SOS-RS / frontend

Auxílio RS: Projetos de Resposta a Emergências por Chuvas e Alagamentos

Home Page:https://sos-rs.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

HbLuca opened this issue · 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

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

Image

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 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 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 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...