iux para deficientes visuais - ux day itaú - cubo

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.


302/05/2023

02/05/2023 4

Antes, entenda um pouco mais sobre a deficiência visual


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


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.


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.


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.


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.


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


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


“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


“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


“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


“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


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;


http://snook.ca/technical/colour_contrast/colour.html




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.


http://www.w3.org/WAI/eval/preliminary

02/05/2023 26


Fontes:

Instituto Benjamin Constant

http://www.ibc.gov.br/

http://www.fundacaodorina.org.br/

http://www.ibc.gov.br/

http://www.cgu.gov.br/acessibilidade#wrapper

http://www.brasilmedia.com/Cegueira.html

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