Como UX/UI gostaria de deixar aqui a minha primeira contribuição para a comunidade.

Contexto

Um dos problemas que me deparo diariamente ao analisar interfaces web a
mobile é a incorreta utilização de cores.

Problema

Ao projetar uma interface com o usuário devemos sempre respeitar padrões definidos pela W3C, especialmente no que tange a acessibilidade. No que diz respeito a acessibilidade é a Web Content Accessibility Guidelines (WCAG).

É essencial garantir que todo e qualquer usuário consiga utilizar a aplicação de forma simples e descomplicada, sem demandar grande esforço cognitivo, independente de suas limitações e dispositivo utilizado para o acesso.

Referência

Olhando especificamente para a regra 1.4.1 (https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#use-of-color), ela diz que a cor não deve ser utilizada como único recurso para distinguir um elemento visual.

Me chamou à atenção no topo do tabnews o TabCoins e o TabCash, ambos usam o mesmo elemento visual e apenas a cor os distingue. Ponto positivo ⭐️ para o uso de texto alternativo, porém ainda não é o suficiente para garantir que o conteúdo acessível por todos usuários, especialmente por usuários daltônicos.

Solução

👍 A solução seria o uso de elementos visuais diferentes, que consigam percebidos pelo usuário independente da cor. A cor é um recurso complementar para ajudar a diferenciar os itens, mas não pode ser o único recurso.

Es