Lexie, compradora online que não consegue distinguir entre certas cores (daltonismo) em Histórias de Usuários Web (em Inglês), Como Pessoas com Deficiência Usam a Web (em Inglês)
Needs Translation About this translation
Esta tradução voluntária pode não refletir de forma adequada as intenções da versão original em ingles.
Tradutor: Israel Cefrin.
WAI agradeçe os/as tradutores/as, e dá as boas-vindas a outras traduções.
Acessibilidade: É sobre pessoas
Nota: Esta história de usuário é um exemplo de uma pessoa com este tipo de deficiência. Outras pessoas com esta deficiência podem ter experiências diferentes.
Sobre Lexie
Às vezes, completar o processo de checkout é complicado porque se eu deixo passar um campo obrigatório, recebo uma mensagem de erro ou aviso em vermelho e é difícil para eu ver a mensagem.
Lexie nasceu com deuteranopia e protanopia (frequentemente chamada de “daltonismo”) e tem dificuldade em distinguir entre itens que são vermelhos, verdes, laranjas e marrons, todos os quais aparecem para ela como uma espécie de marrom turvo.
Lexie descobriu que comprar roupas online é na verdade uma vantagem em relação a ir a lojas físicas. Além de apenas mostrar fotos de itens nas várias cores oferecidas, seus sites favoritos incluem rótulos de cores, tornando muito mais fácil coordenar o que combina. No entanto, às vezes, durante o checkout, os campos obrigatórios e mensagens de erro são marcados com um contorno vermelho e Lexie tem que prestar atenção especial para identificá-los. Ela notou ultimamente, no entanto, que muitos sites estão melhorando ao usar uma notação secundária, como um asterisco para campos obrigatórios e texto em negrito ou uma seta apontando para erros. Isso realmente ajuda muito.
Para surpresa das pessoas, Lexie também é uma grande fã de futebol americano e joga fantasy football com família e colegas de trabalho há anos. Às vezes, pode haver problemas com a forma como esses sites usam cores para diferenciar entre times, posições de jogadores e se os jogadores estão ou não selecionados para seu time. Como resultado, ela tende a preferir certos aplicativos de fantasy football que não usam cor como única forma de indicar informações importantes para jogar. Isso significa que ela tem que tentar convencer amigos a jogar usando o mesmo aplicativo.
Junto com sua diversão, Lexie ainda se mantém conectada às últimas notícias e acontecimentos. Isso se torna mais fácil quando gráficos e diagramas relacionados aos artigos mostram dados com outras técnicas visuais além de apenas cor. Por exemplo, se um gráfico de pizza também tem padrões e rótulos de texto, ela pode ler as informações mais fácil e rapidamente sem ficar frustrada ou ser completamente excluída.
Exemplos de barreiras
- Usando apenas cor
- Barreira: “Quando seleciono uma escolha de cor, não há nada para me ajudar a diferenciar entre as cores.”
- Funciona bem: “As escolhas de cores são mostradas com um nome descritivo. Os bons sites têm um link para uma descrição um pouco mais longa da cor.”
- Uso apenas de cor para erros
- Barreira: “Ao preencher um formulário online, campos obrigatórios e erros são marcados com um contorno vermelho.”
- Funciona bem: “Além da cor, um asterisco ou palavras são usados para identificar campos obrigatórios e erros.”
- Uso apenas de cor em jogos
- Barreira: “Quando jogo um jogo online, inimigos são marcados com um círculo vermelho e amigos marcados com um círculo verde e não consigo ver a diferença.”
- Funciona bem: “Inimigos também são marcados com um símbolo ou usam um triângulo vermelho para que eu possa identificá-los facilmente.”
- Rótulos de gráficos
- Barreira: “Quando estou lendo artigos de notícias com gráficos de dados, não consigo entender os gráficos pois as colunas não estão rotuladas claramente.”
- Funciona bem: “As colunas são rotuladas diretamente ou usam uma textura além da cor.”
Tecnologias assistivas e estratégias adaptativas utilizadas
Recursos relacionados da WAI
- Vídeo: Cores com Bom Contraste (em Inglês)
- Vídeo: Texto Personalizável (em Inglês)
- Dica: Forneça contraste suficiente entre o fundo e o primeiro plano (em Inglês)
- Dica: Não use apenas cor para transmitir significado (em Inglês)
- Dica: Garanta que elementos interativos sejam fáceis de identificar (em Inglês)
- Verifique: Taxa de contraste (“contraste de cor”) (em Inglês)
- Verifique: Formulários, rótulos e erros (em Inglês)
Princípios relacionados
- O conteúdo pode ser apresentado de diferentes formas (Perceptível) (em Inglês)
- O conteúdo é mais fácil de ver e ouvir (Perceptível) (em Inglês)
- O conteúdo é compatível com ferramentas atuais e futuras do usuário (Robusto) (em Inglês)
- Critérios de Sucesso relacionados a “contraste”, em inglês
Vídeo: Lexie, consumidora online que não consegue distinguir entre certas cores (daltonismo)
Este vídeo também está disponível em um servidor da W3C: Vídeo: Lexie, consumidora online que não consegue distinguir entre certas cores (daltonismo) (formato do arquivo: MP4, tamanho do arquivo: 274MB, em inglês).
Transcrição de Texto com Descrição de Elementos Visuais
| Áudio | Visual |
|---|---|
| Como pessoas com deficiência utilizam a tecnologia digital; Lexie, consumidora online que não consegue distinguir entre cores (daltonismo). | Como pessoas com deficiência utilizam a tecnologia digital; Lexie, consumidora online que não consegue distinguir entre certas cores (daltonismo). |
| Olá! Eu sou a Lexie. Eu nasci com deuteranopia e protanopia, que as pessoas frequentemente chamam de “daltonismo”. | Uma mulher fala diretamente para a câmera. |
| Tenho dificuldade em distinguir entre vermelho, verde, laranja e marrom, todos os quais aparecem para mim como uma espécie de marrom turvo. Em uma loja, frequentemente não consigo distinguir a cor de dois sapatos ou duas camisas um ao lado do outro. Eu adoro fazer compras online porque é frequentemente mais fácil para mim quando eles usam os nomes das cores além de mostrar as cores. | A mulher está sentada em um sofá usando um tablet, olhando diferentes camisetas coloridas em uma loja online. |
| Infelizmente, nem todas as lojas online oferecem uma experiência de checkout acessível para mim. Frequentemente o formulário de cadastro ou checkout diz “campos em vermelho são obrigatórios”. Ugh! Na maioria das vezes não consigo dizer quais campos são obrigatórios quando eles usam apenas cor. Boas lojas têm a palavra “obrigatório” ou aquela pequena estrela ao lado dos campos, ou ainda melhor colocam a palavra “opcional” ao lado dos que posso pular. | A mulher está sentada em um sofá usando um tablet, tentando preencher um formulário online, com algumas seções marcadas em vermelho. |
| Não depender apenas da cor é importante para outros sites e aplicativos também. Por exemplo, meu aplicativo favorito de fantasy football tem um símbolo para cada time na camisa dos jogadores, além da cor. Isso me ajuda a identificar os jogadores do meu time mais rapidamente, não apenas lendo os nomes abaixo de cada jogador. | A mulher está sentada em um sofá usando um celular, olhando um aplicativo de fantasy football. |
| Problemas com cores também acontecem no trabalho. Por exemplo, quando meus colegas destacam palavras em um documento sem usar a função de comentários. A função de comentários contorna o texto marcado além de destacá-lo. Outro exemplo é quando gráficos não têm símbolos além das cores para linhas e barras – não consigo identificá-los apenas pela cor. Minha equipe geralmente é cuidadosa com isso, mas às vezes os fornecedores com quem trabalhamos não são. | A mulher está sentada em um sofá usando um tablet, lendo um relatório que mostra palavras e frases destacadas, bem como um gráfico de pizza. |
| Você pode ajudar a tornar a tecnologia acessível para mim. Acessibilidade: É sobre pessoas. | A mulher fala diretamente para a câmera. |
| Para mais informações da Web Accessibility Initiative sobre como pessoas com deficiência usam a tecnologia digital, visite w3.org/WAI/people | Acessibilidade: É sobre pessoas; w3.org/WAI/people |