Análise de Acessibilidade

5W2H
Ferramenta administrativa que pode ser utilizada em qualquer empresa/setor a fim de
registrar de maneira organizada e planejada como serão efetuadas as ações, assim como por
quem, quando, onde, por que, como e quanto tempo irá custar para a empresa.

--

What/O que
Um estudo para medir se o site pode ser usado por todos, incluindo usuários com necessidades
especiais. Ele deve seguir as diretrizes do W3C para garantir que todos os usuários estejam
satisfeitos.

Who/Quem
UX Designer Pleno e Sênior. O pleno conduz as atividades necessárias para a avaliação enquanto
o sênior coordena os trabalhos e redige o relatório de observações e recomendações.

Where/Onde
Para iniciar as mudanças em um projeto já disponível para o mercado ou inserir desde o processo
de pesquisa, a possibilidade de aumento da fonte do site, mudança de cor, contraste e fontes para
dislexos são bons pontos a se pensar para os primeiros passos do projeto que estiver dirigindo.

Why/Por que
• Atingir um público maior - um grande número de pessoas convive com deficiências;
• Um site acessível sempre tem melhor usabilidade;
• Um site acessível também é amigável para SEO;
• A acessibilidade tem outros benefícios, como tempos mais rápidos de download de
páginas, compatibilidade entre navegadores e gerenciamento de conteúdo mais fácil.

When/Quando
Catequisar os stakeholders e profissionais sobre a importância da acessibilidade desde o início
de qualquer projeto é um bom caminho. Não estamos falando de complexos e grandes
investimentos em tecnologia para se aplicar estes pontos, mas sim de boas práticas que
naturalmente, irão melhorar a experiência dos dois tipos de usuários: deficientes e não deficientes.

How/Como
Aqui estão algumas técnicas de acessibilidade da Web que ajudarão os usuários com
necessidades especiais e com deficiência a acessar o conteúdo e as informações em seu site com
facilidade. Essas técnicas também ajudarão a melhorar a usabilidade do seu site para todos. Além
disso, muitas dessas técnicas melhorarão a visibilidade do mecanismo de pesquisa do seu site.

Dúvidas e/ou sugestões?

(41) 98863-8052 t_k2.matheus.costa@grupoboticario.com.br
 Usuários daltônicos

• Para usuários daltônicos, verifique se há contraste suficiente entre as cores de segundo

plano e as anteriores.

Usuários cegos

• Usuários cegos usam leitores de tela (por exemplo, JAWS), que lê o conteúdo (HTML)
de uma página da Web de volta para eles. Portanto, é realmente importante usar CSS e
garantir que o conteúdo seja separado da apresentação;
• Outras coisas importantes a fazer para usuários cegos incluem o uso de texto oculto
(não será visto por usuários com visão, a menos que desativem as folhas de estilo) em
determinados títulos (por exemplo, navegação no site), etiquetas de formulários e links
de salto. Também é importante usar texto de link sucinto (rápido e fácil), com
carregamento frontal (o significado é claro imediatamente), descritivo e convencional
(em ordem alfabética). Nunca use 'clique aqui' ou 'mais' para o texto do link. Não é
apenas ruim para a acessibilidade, é terrível para a usabilidade;
• Coloque qualquer tipo de instruções antes da funcionalidade;
• Verifique se todas as imagens informativas usam texto ALT. Pessoas cegas não podem
ver fotos ou fotos, mas fornecer texto ALT permitirá que o leitor de tela leia uma
descrição da imagem para elas. Para imagens decorativas, é melhor atribuir um valor
nulo (alt="");
• Faça bom uso dos títulos (H1, H2, H3, H4);
• Coloque o conteúdo principal de cada página da web antes da navegação na marcação
(HTML) e forneça um link 'pular para navegação'. Muito melhor do que colocar a
navegação antes do conteúdo e fornecer um link 'pular para conteúdo';
• Texto de prompt atribuído aos formulários;
• Forneça um mapa do site;
• Sem pop-ups.

Usuários com problemas de visão

• Para pessoas com problemas de visão, verifique se o texto pode ser redimensionado
(use uma fonte de tamanho relativo) e forneça um “redimensionador” de texto visível ou
um link visível para informações sobre como redimensionar o texto;
• Também é importante usar o texto descritivo do link, pois os usuários com visão parcial
tendem a navegar nas páginas da Web, tabulando de um link para o próximo;
• Forneça um mapa do site;
• Não use o texto incorporado nas imagens, pois o texto não pode ser redimensionado;
• Divida o conteúdo de uma página da web em pequenos parágrafos, subtítulos, listas e
itens de formulário de grupo com o comando fieldset para melhorar a usabilidade;
• Use navegação consistente;
• Sem pop-ups.

Usuários de lupa

• Não use o texto incorporado nas imagens, pois o texto parece desfocado e “pixelizado”
quando ampliado;
• Também é importante usar o texto descritivo do link, pois os usuários que ampliam a
tela tendem a navegar nas páginas da Web, tabulando de um link para o próximo;
• Coloque qualquer tipo de instruções antes da funcionalidade;
• Use grandes títulos para H1, H2, H3, H4;
• Divida o conteúdo de uma página da web em pequenos parágrafos, subtítulos, listas e
itens de formulário de grupo com o comando fieldset para melhorar a usabilidade;
• Use navegação consistente;
Dúvidas e/ou sugestões?
(41) 98863-8052 t_k2.matheus.costa@grupoboticario.com.br
 • Sem pop-ups;
• Não use texto de rolagem.

Usuários surdos e deficientes auditivos

• Se você usar algum conteúdo de áudio em seu site, forneça legendas ou uma
transcrição escrita. Isso também é bom para pessoas físicas, pois elas podem obter uma
descrição rápida do conteúdo de áudio antes de optar por fazer o download ou não;
• Mantenha o idioma simples, pois eles podem não ser capazes de entender algumas
palavras mais longas, pois o primeiro idioma é o idioma de sinais britânico.

Usuários de teclado/voz

• Forneça um estado de foco para links. Isso é realmente útil para usuários que usam o
TAB para navegar em um site, pois é fácil perder o controle de onde você está quando
se baseia no método de tabulação.

Usuários com dificuldades de aprendizagem

• Use uma aparência consistente em seu site;

• Evite usar palavras no sentido não literal;
• Evite usar abstrações;
• Divida as informações em pedaços pequenos e simples e ilustre-os visualmente;
• Forneça resumos claramente sinalizados de páginas da web na parte superior das
páginas;
• Facilite a esses usuários retornar às páginas de conteúdo mais simples se encontrarem
uma página acima do nível de leitura;
• Forneça uma versão em áudio do conteúdo de um site;
• Aumente o espaçamento entre parágrafos e linhas de texto;
• Aumente a distância entre o texto e o sublinhado nos links;
• Use o texto descritivo do link;
• Use títulos grandes;
• Aumente a área de destino dos links de navegação.

Usuários epiléticos

• Tenha muito cuidado para evitar oscilações entre 2 e 55 Hz.

Usuários de dislexia

• Use o texto descritivo do link;

• Use títulos grandes.

Usuários com problemas de destreza

• Muitos desses usuários usarão apenas um teclado. No entanto, alguns tentam usar o
mouse, portanto, sempre que possível, tentam aumentar a área do destino do link em
links de navegação verticais.

Usuários com problemas cognitivos e problemas de leitura

• Use linguagem simples e fácil;

• Não use texto de rolagem.

Dúvidas e/ou sugestões?

(41) 98863-8052 t_k2.matheus.costa@grupoboticario.com.br
 Usuários da Web de fora do seu setor

• Para acrônimos, use títulos de acrônimos para que eles possam colocar o cursor sobre o
acrônimo para exibir uma descrição dele.

Usuários mais velhos (60 anos ou mais)

• Comunique aos usuários mais antigos o fato de uma página da Web não estar concluída
e exigir rolagem vertical. Muitas pessoas mais velhas visualizam uma página da Web
como uma página de um livro e não estão familiarizadas com a forma como ela pode
ser rolada para cima e para baixo;
• Mantenha a linguagem técnica no mínimo;
• Identifique claramente os links;
• Verifique se os links visitados usam uma cor diferente;
• Forneça uma função de pesquisa (muito importante para sites grandes - não tão
importante para sites simples de 10 páginas com um mapa do site);
• Use pelo menos um tamanho de fonte de 12 pontos. (verifique se é relativo, por
exemplo, x-pequeno, pequeno, grande, etc.);
• Use um “redimensionador” de fontes visível ou um link para a descrição de
redimensionamento de texto;
• Recursos de captura de atenção, como títulos, imagens, ícones e instruções, devem ser
links;
• Evite solicitar que usuários mais velhos baixem ou instalem software como o Adobe
Acrobat. Use HTML, tanto quanto possível;
• Use conteúdo conciso e claro. Ofereça versões simples e detalhadas de conteúdo.
• Use formas imperativas de verbos ao fornecer instruções explícitas;
• Verifique se o site pode ser visualizado sem rolagem horizontal com resolução de
800x600, pois usuários mais velhos preferem esse tamanho a 1024x768.

Todos os usuários

• Forneça uma trilha de migalhas de pão;

• Forneça um mapa do site;
• Use texto em negrito (forte) para destacar palavras importantes.

How much/Quanto
Em média de 2 à 3 horas.

Dúvidas e/ou sugestões?

(41) 98863-8052 t_k2.matheus.costa@grupoboticario.com.br