iux para deficientes visuais - ux day itaú - cubo
TRANSCRIPT
IUX para deficientes visuais
Isabel Braga
02/05/2023 2
Como começou?IUX para deficientes visuais
02/05/2023 2
Como começou?
• Começamos a fazer alguns projetos onde a questão da acessibilidade era requisito importante.
• Além disso, como parte do projeto de inclusão de deficientes em seu quadro de funcionários, o UOL passou a contar com alguns deficientes entre seus profissionais.
IUX para deficientes visuais
302/05/2023
02/05/2023 4
Antes, entenda um pouco mais sobre a deficiência visual
IUX para deficientes visuais
02/05/2023 4
Sobre a deficiência visualIUX para deficientes visuais
02/05/2023 5
A deficiência visual é definida como a perda total ou parcial, congênita ou adquirida, da visão. O nível de acuidade visual pode variar, o que determina, assim, dois grupos de deficiência:
Definição:
Sobre a deficiência visualIUX para deficientes visuais
Cegueira
Perda total da visão ou pouquíssima capacidade de
enxergar, o que leva a pessoa a necessitar do Sistema Braille como meio de leitura e escrita ou um sistema de leitor de voz
para navegar na Internet.
02/05/2023 6
Baixa visão ou visão subnormal
caracteriza-se pelo comprometimento do
funcionamento visual dos olhos, mesmo após tratamento ou correção. As pessoas com baixa visão podem ler textos impressos ampliados ou com
uso de recursos óticos especiais, como a lupa
eletrônica.
Sobre a cegueira no BrasilIUX para deficientes visuais
02/05/2023 7
Segundo dados do IBGE de 2010, no Brasil, mais de 6,5 milhões de pessoas têm alguma deficiência visual. Desse total:
Incapazes de enxergar (cegos)
5286248%
Pessoas que possuem grande
dificuldade permanente de
enxergar (baixa visão ou visão subnormal)
6.056.65492%
Sobre a cegueira no mundoIUX para deficientes visuais
02/05/2023 8
A Organização Mundial da Saúde aponta que, se houvesse um número maior de ações efetivas de prevenção e/ou tratamento, 80% dos casos de cegueira poderiam ser evitados.
Ainda segundo a OMS cerca de 40 a 45 milhões de pessoas no mundo são cegas;
Os outros 135 milhões sofrem limitações severas de visão.
02/05/2023 9
Meios de navegação
IUX para deficientes visuais
02/05/2023 9
Como eles acessam a Internet?IUX para deficientes visuais
02/05/2023 10
Meios de navegação
• Leitores de TelaProgramas de software que convertem texto em voz sintetizada e as pessoas cegas são capazes de ouvir o conteúdo da web.
O usuário pode simplesmente deixar que o leitor de tela leia tudo de cima para baixo, uma linha de cada vez, ou o usuário pode usar a Tecla TAB para navegar a partir de link por link.
Leitores de TelaMeios de navegação
02/05/2023 11
Limitações
• ImagensOs Leitores de tela não podem descrever imagens. A única maneira que um leitor de tela tem para poder transmitir o significado de uma imagem é a leitura do texto do documento que serve como um substituto ou alternativo para a imagem.
Leitores de TelaMeios de navegação
02/05/2023 12
Limitações
• Visual e LayoutAlém disso, leitores de tela não podem fazer o levantamento da totalidade de uma página da web como um usuário visual pode fazer.
Um usuário visual pode olhar para uma página da web e logo perceber a forma como a página está organizada, para em seguida ir para o conteúdo mais importante.
O usuário, na pior das hipóteses, pode navegar pelos menu principal. Numa página com uma boa semântica, tudo o que o deficiente visual não poderá ver são as fotos e vídeos.
Leitores de TelaMeios de navegação
02/05/2023 13
Limitações
• Tabela de dadosDo mesmo modo, pela forma que os leitores “varrem” a tela, os dados de tabelas podem ficar bastante confusos.
Para burlar essas dificuldades em tabelas, uma solução é: se for uma tabela de horários, carregar a tabela apenas com os horários futuros, para que o usuário não tenha que passar por horários já passados e defasados.
Leitores de TelaMeios de navegação
02/05/2023 14
Mobile
• No iPhoneO aparelho da Apple permite selecionar blocos de texto (em sites, por exemplo) e faz a leitura para o usuário.
O smartphone também tem um recurso muito interessante para os deficientes visuais, o VoiceOver. Ele também lê e transforma em áudio o que aparece na tela do aparelho.
O recurso descreve tudo o que o usuário toca na tela. Assim, mesmo quem não enxerga consegue utilizar o aparelho.
Leitores de TelaMeios de navegação
02/05/2023 15
Mobile
• No AndroidDo Android 4.0 em diante, o aparelho possui
recurso para descrever em voz o que o usuário
toca, seleciona e ativa.
02/05/2023 16
Pesquisa com usuários
IUX para deficientes visuais
02/05/2023 16
02/05/2023 17
Pesquisa com usuáriosIUX para deficientes visuais
“No Android, uso Whatsapp, Gmail, redes sociais e Internet Banking.”
“Não tive dificuldades em me adaptar ao mobile, prefiro até do que usar o desktop.”
“Com o software de leitura JAWS, tinha muita dificuldade de acessar o Internet Banking do Santander.”
“Somos minoria e devemos acompanhar a tecnologia para nos comunicar melhor e como qualquer outra pessoa. Os smartphones tornaram isso mais fácil.”
Citou o Software Madis, como “sonho de consumo” que amplia as telas e altera as cores para quem tem baixa visão, mas custa R$ 5.600,00.
02/05/2023 18
Pesquisa com usuáriosIUX para deficientes visuais
“No desktop, não uso o leitor, prefiro usar a tela ampliada (Ctrl+/Ctrl-)”
“Fora de casa, uso a lupa eletrônica para acessar qualquer informação, digital ou não.”
“No celular, não uso o voicer, apenas o zoom, há opção de ampliar na maioria dos apps do Android”
“No celular, uso o Internet Banking Itaú e consigo fazer tudo que preciso.”
“Minha lupa eletrônica dá opções de alterar as cores da interface de acordo com o que é mais confortável para mim.”
02/05/2023 19
Pesquisa com usuáriosIUX para deficientes visuais
“Prefiro não utilizar o computador, sou muito sensível à luz e não me adapto ao leitor de tela.”
“Tenho medo de golpes, por isso não uso nenhum tipo de serviço que seja preciso ter senha, com exceção do Facebook e Gmail.”
“Seria legal se eu conseguisse ler as imagens das notícias. Não consegui ler as descrições das imagens do ParaPan, isso me desestimulou a usar a Internet.” “Só uso e-mail e
Facebook, para outros serviços peço ajuda de pessoas que convivem comigo.”
02/05/2023 20
Pesquisa com usuáriosIUX para deficientes visuais
“O Google já facilita muita coisa, consigo fazer qualquer coisa, de 3 anos pra cá.”
“Navego tranquilo no site do UOL, exceto algumas matérias que o link ‘continuar lendo’ não funciona.”
“Usava Nokia e Hotmail e tinha muita dificuldade, conheci o Gmail e um amigo me apresentou o iPhone. Fui tirar uma foto e o Voicer me descreveu a foto, com pouca luz e muito foco. Achei muito interessante e não parei mais de usar.”
02/05/2023 21
Pesquisa com usuáriosIUX para deficientes visuais
“Embora tenha muitos deficientes que compram pela Internet, prefiro estar com alguém que enxerga, do meu lado, para tá fazendo isso.”
“A minha maior frustação online é não conseguir entender uma foto quando ela não está descrita.”
“Sou comentarista esportivo, ao comentar sobre uma matéria, preciso sempre perguntar aos amigos de trabalho sobre as imagens divulgadas, da partida.
02/05/2023 22
Dicas para tornar seu site mais acessível
IUX para deficientes visuais
02/05/2023 22
Dicas para tornar seu site mais acessívelIUX para deficientes visuais
02/05/2023 23
• É bom fazer os links o mais descritivo possível, não
somente “leia mais” ou “clique aqui”, mas sim “clique
aqui para ver o coelhinho pulando.”;
• Para pessoas de baixa visão o ideal é ter um controle
que aumente e diminua as letras da tela. Geralmente,
essas pessoas usam o zoom do próprio navegador,
mas nem sempre isso dá certo.
• A fonte precisa ter ao menos 16px;
02/05/2023 24
• O primeiro link da página no HTML precisa ser um
atalho para o conteúdo principal ou para qualquer ação
que tenho um peso importante (conteúdo, login);
• Não use uma cor para o texto muito parecida com a do
fundo da página. Na dúvida, use o site Color Contrast
Check para saber se um tom é visível ou não em
comparação com outro;
Dicas para tornar seu site mais acessívelIUX para deficientes visuais
02/05/2023 25
• Acrescente um sublinhado aos textos com links. Não
os diferencie do texto normal só pela cor;
• Leia os conselhos do W3C para criar uma página
organizada e acessível para todos.
Dicas para tornar seu site mais acessívelIUX para deficientes visuais
02/05/2023 26
IUX para deficientes visuais
Fontes:
Instituto Benjamin Constant
Av. Brig. Faria Lima, 1.384, 4º andarCEP 01452-002 . São Paulo/SP
Telefone: 11 3914.9559 www.uol.com.br
02/05/2023 27
Obrigado ;-)Isabel Braga – Analista de Produtos
Equipe de Concepção & Interface de Produtos – P&D
ELABORAÇÃO DO ROTEIRO
Isabel BragaLuciana Terceiro
ENTREVISTAS E FILMAGENS
Isabel BragaPablo Turazzi