acessibilidade e inclusão

1. Dicas de
acessibilidade
na prática

2. Olá!
Muitas gente ainda acredita que a acessibilidade é
direcionada para um determinado público, como pessoas
com deficiência, mas não é bem assim que funciona.
A acessibilidade é para todos!
E todo mundo sai ganhando quando investimos nela!
Por isso, em celebração ao Dia Mundial de Conscientização
sobre a Acessibilidade - GAAD (Global Accessibility
Awareness Day), que acontece em toda a terceira
quinta-feira do mês de maio,preparamos esse material com
dicas importantes que você pode começar a aplicar hoje
mesmo para quebrar barreiras e promover um mundo mais
justo e inclusivo.
Acompanhe a seguir!

3. Janelinha de Libras, não!
Além de pessoas surdas e deficientes auditivas a janela de
Libras torna os conteúdos acessíveis para pessoas autistas,
com síndrome de down, além de pessoas ouvintes com
paralisia cerebral e afasia, que podem ter dificuldade na
fala, e que utilizam a Língua Brasileira de Sinais em sua
comunicação. Mas qual a melhor maneira de implementar
essa janela em meus conteúdos?

4. Janelinha de
Libras, não! Ela deve ter no mínimo,
a metade da altura e um quarto
da largura da tela:
A posição da janela pode estar à esquerda, à direita ou
no centro.

5. Janelinha de
Libras, não! É muito importante analisar o tom
de pele e iluminação, considerando
pessoas de baixa visão e surdocegas.
A cor de plano de fundo da janela
deve ser de preferência: azul marinho
ou preta.
Pessoa branca/amarela:
camiseta preta, azul marinho
e cinza escura.
Pessoa preta:
camiseta cinza, azul, amarelo,
bege e rosa em tons claros.
Exemplo das cores das camisetas:

6. Pra todos verem!
O texto alternativo é utilizado para descrever a aparência
e a função de uma imagem em uma página, seja um blog,
um site ou até mesmo publicações nas redes sociais (todas
elas possuem espaços específicos para inclusão do texto
alternativo). Ele serve para que pessoas com deficiência
visual compreendam a informação principal que está sendo
passada naquela imagem. Para escrever um bom texto
alternativo, você deve se preocupar em:

7. Pra todos
verem!
Descrever os principais
elementos que observa
na imagem:
Começar a descrição
sempre da esquerda
para a direita:
Comece
por aqui
“Ilustração colorida. Um rapaz está
à esquerda e uma moça à direita.
Os dois sorriem e tem os braços
levantados.”
Termine
por aqui

8. Pra todos
verem!
Não utilizar adjetivos qualitativos para a imagem.
Exemplos:
Para que essas pessoas filtrem o
seu conteúdo, utilize as hashtags:
#DescriçãodeImagem e ou
#PraTodosVerem
Bonita Triste Alegre
Cabelo
longo
Olhando para
baixo
Sorrindo
#
#
#

9. Não é necessário escolher
entre estética e acessibilidade!
Seis milhões de brasileiros possuem baixa visão ou visão
subnormal. A utilização do alto-contraste é a chave para
que todas essas pessoas possam ser impactadas pela
sua comunicação, já que facilita a visão ao intensificar
a diferença entre texto e fundo. E como garantir isso?

10. Não é
necessário
escolher entre
estética e
acessibilidade!
Durante a criação de um material visual
é fundamental o uso de uma
calculadora de contraste, existem sites
gratuitos que disponibilizam esse
recurso, possibilitando validações e
testes garantindo uma peça acessível e
visualmente alinhada a sua marca.
Ao pensar nos textos que serão
inseridos em uma peça criativa
é necessário ter um cuidado maior
com a cor do plano de fundo,
a cor do texto e o tamanho da letra.

11. Não é
necessário
escolher entre
estética e
acessibilidade!
Essa é uma forma de alinhar esses pontos
e buscar soluções gráficas criativas e que
impactem de forma positiva todos os públicos!

12. Acessibilidade e a
experiência do usuário
Quando falamos em acessibilidade no Desenho de
Experiência do Usuário (UX Design), estamos falando da
promoção do melhor aproveitamento e mais autonomia
por um maior número de pessoas de produtos e serviços.
Alguns pontos que você deve olhar com atenção e que
podem influenciar numa melhor experiência:

13. Acessibilidade
e experiência
do usuário.
Valide o acesso via teclado do seu site!
Navegando com teclado pelo
computador ou usando o leitor de telas
no celular é possível observar esses
caminhos, colocando atalhos sempre
que possível.
Não esconda o foco de navegação
do usuário. Acessar tudo via teclado
melhora muito a usabilidade dos sites
e aplicativos.

14. Acessibilidade
e experiência
do usuário. Cuidado com a escolha de fontes tipográficas!
Aplique as fontes escolhidas
nesses caracteres acima e
verifique se você consegue
diferenciar cada um deles.
Isso ajuda tanto pessoas com
dislexia, baixa visão ou para
qualquer pessoa que vai ler
um texto muito longo.
número
um
letra "i"
Maiúscula
letra "i"
Minúscula
letra "l"
Minúscula
letra "L"
Maiúscula

15. Produzir um material de forma simples e clara faz com
que um número muito maior de pessoas compreendam
seu conteúdo. Pessoas com dislexia ou que possuam
deficiência intelectual são exemplos de algumas delas.
Existem muitos ajustes de baixo esforço que você pode
começar a praticar ao criar um texto:
Um conteúdo bom é um
conteúdo acessível!

16. "Eles são feras" "Eles são ótimos"
Um conteúdo
bom é um
conteúdo
acessível!
Escreva de forma direta
e com sentenças curtas:
Evite frases redundantes,
erros de gramática, ortografia
e pontuação:
Não faça uso de gírias,
metáforas e abreviações sem
explicações prévias:
"Não faça isso,
pois está errado e
incorreto"
"Não faça isso!"
"Vou subir para
cima"
"Vou subir"

17. Um conteúdo
bom é um
conteúdo
acessível!
Leitores de tela não identificam estilos de fonte, incluindo cor,
negrito, itálico, sublinhado ou tachado. Use esses recursos
para fornecer quebras visuais, mas não como a única forma
de indicar importância ou comunicar informações.
c n i s t

18. O vídeo é uma solução que tem utilidades diversas:
Apresentar produtos, mostrar pontos de vista ou fornecer
dados importantes. Criar um vídeo acessível é entender
como cada usuário recebe o conteúdo. Nas próximas
páginas existem dicas valiosas de como implementar a
acessibilidade na sua produção.
Produções de vídeo
para todos e todas.

19. Produções
de vídeo
para todos
e todas.
Legende seus vídeos! Este é um recurso de acessibilidade
que serve para todas e todos.
Sua legenda deve ter um bom tamanho e contraste com o
fundo escolhido. Uma boa configuração para vídeos de 1920
pixels de largura e 1080 de altura é:
Tipografia: Arial negrito
Tamanho: 60 pixels,
Cor: Amarelo pastel
Efeito: Sombra escura suave por trás ou faixa escura

20. Produções
de vídeo
para todos
e todas.
Cuidado com o efeito estroboscópico!
Esse efeito pode gerar um impacto
visual no seu vídeo, mas também pode
gerar gatilhos de convulsões em seus
usuários mais sensíveis.
Forneça descrição da imagem em
formato de áudio, descrevendo o
essencial para entendimento do
conteúdo para todos aqueles que
não estão vendo o conteúdo exibido.
"No slide há uma
ilustração de caveira e
trovão dentro de um
círculo roxo"

21. Cada empresa é uma oportunidade, não só de negócio,
mas de conscientização sobre acessibilidade. Por isso,
cada conversa é essencial para a construção de um
mundo melhor e mais inclusivo. A comunicação
acessível parte de diversos fatores, desde entender
o perfil do cliente, até o conhecimento dele sobre
o assunto. Por isso é importante:
Comunicação acessível
no discurso de vendas

22. Comunicação
acessível
no discurso
de vendas.
Explicar de forma didática,
respeitando o tom e o tempo
da pessoa;
Mostrar exemplos reais,
relacionando o tema discutido;
Apresentar dados oficiais e levantar
questões que são comuns, mas que
às vezes, a pessoa não se sente
confortável em perguntar;

23. Comunicação
acessível
no discurso
de vendas.
Promover o exercício de empatia, fazendo a pessoa
refletir sobre situações em que ela encarou barreiras
pode fazer toda a diferença.

24. Mais de 4 milhões de
pessoas já baixaram
handtalk.me
HandTalkBR
HandTalkTV
Baixe o
nosso app
HandTalkBR
Conte com o Hugo e com a
Maya para deixar seu site
acessível em Libras!
Fale com a gente!
Gostou do ebook? Envie seu feedback pra gente!