Meu primo é daltônico minha prima tem dificuldades motoras eu dificulto a vida deles na web
Meu primo é daltônico minha prima tem dificuldades motoras eu dificulto a vida deles na web
Essa uma uma imagem ruima para daltonicos Me primo é daltônico e joga futebol muito bem، e minha priminha tem dificuldades motoras e é a pessoa mais feliz e engraçada que eu conheço. Eu acredito que eles não conseguem ver an usar os sites، sistems یا برنامه های تلفن همراه برای استفاده از سیستم فیزیکی خود. Isso foi o que me motivou a começar a estudar sobre acessibilidade. Assim que comecei a estudar cai no tema sobre daltonismo e este post vai ser sobre esse assunto.
Infelizmente não tenho tempo e nem dinheiro pra voltar em todos os projetos que eu fiz e realizar testes neles e pra identificar o que devo melhorar، pro projeto ser mais feliz para o meu primo e minha priminha. Por isso que resolutionvi estudar e aplicar em projetos que vou fazer e nos que eu estou desenvolvendo agora.
Tenho um projeto pessoal que estou fazendo junto com o designer، Fabinho. um um mobile mobile mobile mobile mobile tem mobile mobile mobile mobile mobile mobile mobile mobile Paul Paul Paul Paul Paul Paul Paul Paul Paul Paul Paul Paul ورسودو فیدلیداد را انجام دهید. Assim que o cliente tomar 9 cafés ele ganha o décimo 
Frente do cartão de fidelidade ، só estou mostrando porque gostei muito da arte
Fabinho e eu criamos a proto-persona، levantamos as features، em seguida realizamos o crazy هشت. Depois disso o Fabinho já partiu pro protótipo de alta fidelidade. استفاده از Adobe Experience Design e as telas ficaram assim:
Usuário tira uma foto do cartão de fidelidade، pra ganhar um ponto 
Explicamos qual a vantagem de fazer um cadastro 
Tela de cadastro یا ورود مجدد به سوالات 
برای استفاده از سیستم و استفاده از آن Agora que já temos um projeto pra estudar e praticar acessibilidade podemos voltar pro assunto principal do post que é daltonismo.
O que é Daltonismo؟
di a dificuldade de diferenciar todas ou algumas cores. mais comum os daltônicos terem dificuldade de diferenciar o verde e vermelho. As pessoas daltônicas têm essa dificuldade porque elas têm um ou mais cones que não estão legais. مخروط ها são uma células que estão nas nossas retinas، e nós temos 3 مخروط. Eles trabalham com cores baseadas na luz. Quando leio ou ouço as palavras cores e luz em um mesma frase، eu me lembro do sistema de cores RGB.
Olho muito loco não؟ Só pra deixar o post bonito De fato o RGB tem tudo a ver com o assunto. Ele é uma simpleificação dos 3 cones e um sistema de cor baseado na luz. Criando uma relação entre o system RGB e como nossos cones trabalham، essa relação fica: R é a përfaqësação de verde-amarelo، G ver verde de fato eo B a a përfaqësação de azul-violeta.
وجود مویتوس tipos de daltonismos ، como: monocromata típico ، monocromata atípico ، پروتانوپی ، دوترانوپیا ، تریتانوپی ، پروتانومالی ، دوترانومالی ، دوترانومالی و تریتانومالی. Se estiver afim de ver cada um deles،vale a pena dar uma olhada no wikipedia que tem um conteúdo bem completeo que está em português.
Bom agora que já temos um ideia do que é daltonismo. Precisamos tirar isso aá teoria e aplicar no nosso dia a dia como UXers، Desginers ou Frontenders.
آیا می خواهید از طریق وب سایت خود از طریق وب سایت های دیگر استفاده کنید؟
Quando comecei a estudar sobre o assunto، achei que não poderia usar a cor verde e vermelha em meu projeto، o que seria bem triste porque eu gosto das duas cores و elas transmitem sentimentos interessantes. Além do que o vermelho is a pred dominante no logo do projeto que estou fazendo com o Fabinho. Mas، na verdade، podemos utilisar as cores verde e vermelha sobrepostas a outras cores، desde que haja contraste. Pra isso، vamos entender o que é contraste.
O que é nakte؟
Temos várias teorias sobre o contraste، mas podemos dizer que contraste é a diferença entre duas cores، que sobrepostas easam a visualização.
A teoria que eu mais gostei foi a do Professor Johannes Itten que lecionou em Bauhaus، onde ele não aplica regras fechadas como: a ver verde tem contraste com a cor azul.
Itten criou 7 tipos de contraste com a proposta de lehtan e torna a teoria mais praticável. برای استفاده از برنامه تلفن همراه خود ، به عنوان مثال می توانید با استفاده از روشهای مختلف توضیح 7 در مقابل آن ، از سیستم یا سیستم RGB استفاده کنید و از آن استفاده کنید.
1. Contraste de cores puras
Core puras dentro do sistema RGB são exatamente as cores primárias vermelha، verde e azul. هسته های Essas sobrepostas tem um bom contraste. Mas، sobre a cor branca elas funcionam muito melhor.
Exemplo de contraste de cores puras 2. Contraste claro-escuro
Esse tipo de contraste utiliza a luminosidade. No exemplo da obra de arte abaixo o artista utilizou a luz pra mostrar que o tecido preto está sobre o rosto da mulher.
3. Contraste quente-frio
No nosso exemplo de obra de arte، temos as cores laranja، vermelha e amarela que são as cores quentes e a azul como uma cor fria. Dessa forma o contraste deixa as cores quentes com mais destaque pro observador.
< /img> Mas temos cores que dependendo da cor de sobreposição ، ela pode ser uma cor fria ou quente. Um bom exemplo é o roxo، quando aplicada junto com a cor verde se torna uma cor quente e se for aplicada a cor vermelha o observador vai sentir que o roxo é uma cor fria.
4. Contraste de cor مکمل
همانطور که هسته ها مکمل یکدیگر هستند ، شما باید از آنها استفاده کنید. Pra entender um pouco melhor sobre as coresplementares precisamos dar uma olhada no círculo cromático de Itten e os 3 tipos de combinações com harmonia (Triângulos Isósceles، Harmonia com Quadrados ou Retângulos e Harmonia análoga):
مثال: Harmonia com Quadrados ou Retângulos 
مثال: Harmonia Análoga Trabalhando com as cores de qualquer uma das combinações nos temos um contraste balanceado e com uma boa harmonia pro observador.
به کنتراستsimultâneo
Esse contraste também tem relação com به عنوان هسته های مکمل. Mas، o contraste simultâneo é um um processo fisiológico، onde o nosso olho assim que absorb a cor procura a sua مکمل و تنتا reproduzi-la na sua ausência.
مثال: Harmonia de Cor Complementar Sabe aquela fronha de travesseiro roxa com bolinhas azuis que você tem، que após alguns segundos olhand se você resolutionver olhar pra outra parte do seu quarto e elas Continam à existir. Este é o comportamento que o nosso olho faz com coresplementares. :-)
6. Contraste de saturação
contrast um um um kontraste entre cores saturadas و desaturadas. Quanto mais saturada uma cor، maior is a impressão que o objeto está se movendo. Também podemos konsiderrar que quanto menos saturada uma cor estiver، mean que ela tem mais cinza ou é menos brilhante. مشاهده یک عکس abaixo:
مثال: Contraste de Saturação Nesta foto as árvores na costa estão menos saturas ea onda está mais saturada ، gerando o tipo de contraste que eu mais gosto. Também é bacana dar uma olhada na ponta da onda que está sobre o céu. Por ter um boa quantidade de brilho a ponta tem um bom destaque pro observador.
7. Contraste de quantidade/extensão
represent a përfaqësação de duas cores e espaços que elas ocupam. De preferência a cor com menos brilho natural ocupa menos espaço na tela e a cor com mais briho ocupa mais espaço. Como na obra de arte abaixo:
مثال: Contraste de Quantidade/Extensão Esses são os 7 tipos de contrae que Itten classificou. Bom agora que sabemos o que é e quais são os tipos de contraste، cabe a pergunta: Como vamos testar se fizemos um bom trabalho nos nossos projetos؟
Ferramentas pra testar se o seu projeto é bom pra galera Daltônica
Pra mim، a melhor forma de testar se o produto que criamos funciona bem pra daltônicos é procurar seu amigo daltônico، ou como no meu caso، o meu primo e fazer um teste de usabilidade com ele. Quando realizo os testes dessa forma، é mais rápido de identificar e definir as alterações needárias pra deixar o site mais feliz pra daltônicos. Se você não conhecer ninguém que é daltônico، ou está sem tempo pra realizar um teste de usabildiade، vale a pena dar uma olhada nas ferramentas abaixo:
در این صورت می توانید به دنبال این موضوع باشید و از آن استفاده کنید.
Deixe sua opinião sobre o post nos cometários، isso é muito importante pra eu melhorar nos próximos. آه! Você conhece alguma ferramenta bacana pra fazer teste sobre daltonismo؟