Alternativas para deixar as mídias digitais (texto, imagens e sons) acessíveis.

1. Acessibilidade nas mídias digitais
Fabíola Calixto

2. Fabíola Calixto
• Co-Fundadora da agência de
Comunicação Digital -
Alavanka Digital;
• Desenvolvimento de pesquisas
para Centro de pesquisa em
Tecnologia da Informação do
Governo Federal na área de
Interface Humano
Computador;
• Docente de pós graduação
na área de Interface Homem
Máquina, usabilidade,
acessibilidade e padrões da
web.
• Membro do grupo de
especialistas em
Acessibilidade na Web - W3C
Brasil;
•

3. Qual é a sua
Missão?

4. www.alavankadigital.com.br

5. Slide Title
• Make Effective Presentations
• Using Awesome Backgrounds
• Engage your Audience
• Capture Audience Attention

6. Usabilidade
#
Acessibilidade

7. Mídias Digitais
e
Acessibilidade

8. Vídeo
Campanha Jogos
paralímpicos nas
olimpíadas Rio
2016.

9. Quem precisa de acessibilidade
nas mídias digitais?

10. Quem precisa de acessibilidade?
Foto: Quatro idosos acessando a Internet. Foto: Braço engessado.

11. Foto: Pessoa com def. visual usando
computador com leitor de telas.
Foto: Olhos representando
daltônico.
Quem precisa de acessibilidade ?

12. Foto: Mãos representando a comunicação
por lingua de sinais.
Foto: Pessoa com tetraplegia
usando computador.
Quem precisa de acessibilidade?

13. Foto: Sítio apresentado em várias resoluções (tablet, monitor e celular).
Para aqueles que precisam acessar a Web em dispositivos móveis
Quem precisa de acessibilidade?

14. Vídeo
Acessibilidade nas Mídias Digitais
Fabiana Bonilha (Pessoa com deficiência visual)

15. •População
Brasileira
190.755.799
•Pessoas com
deficiência
45.606.048
76%
24%
População Brasileira
Sem deficiência Com deficiência
Realidade Brasileira
Fonte: IBGE 2010

16. 18,60%; 33%
5,10%; 9%
7%; 12%1,40%; 3%
23,90%; 43%
Visual
Auditiva
Motora
Mental ou Intelectual
Pelo menos uma das deficiências
Fonte: IBGE 2010
Pessoas com Deficiência no Brasil

17. De acordo com a Lei Brasileira de
Inclusão (13.146/2015) LBI, “é
obrigatória a acessibilidade nos
sítios da internet mantidos por
empresas com sede ou representação
comercial no País ou por órgãos de
governo, para uso da pessoa com
deficiência, garantindo-lhe acesso
às informações disponíveis,
conforme as melhores práticas e
diretrizes de acessibilidade adotadas
internacionalmente”.
Legislação
Foto: batida do martelo do juiz.

18. Alternativas
Para deixar as mídias digitais
(texto, imagens e sons)
acessíveis.

19. Acessibilidade em imagens
Foto: Postagem de imagem no facebook
com #PraCegoVer.
Foto: Postagem de imagem no facebook
com descrição.

20. Foto: imagem com descrição no
WhatsApp.
Foto: Postagem de imagem com descrição
no Instagram.
Acessibilidade em imagens

21. Arquivos em texto Assinatura de e-mails
Imagem: Logo PDF. Foto: Email com assinatura acessível.

22. Acessibilidade
em Folder online
Descrição do Banner: Banner
do WASH! composto por
diversos círculos dentro dos
quais há imagens numeradas
apresentando diversos
momentos do projeto e textos
com os seguintes dizeres:
Metodologia: Este projeto usa
ferramentas científicas,
tecnológicas, lúdicas e
culturais para estimular o
desenvolvimento do aluno de
forma multidisciplinar. Esta
prática inspira os alunos e
participantes a conhecerem e a
empregarem o método
científico na escola e no
cotidiano...
Foto: Folder com descrição.

23. Acessibilidade em mídias digitais
Imagem: Revistas Digitais. Imagem: Imagem representando blog.

24. Alinhamento de texto à esquerda
Textos justificados
têm espaços
irregulares entre as
palavras, dificultando
a leitura de pessoas
com baixa visão.
Imagem: Texto com alinhamento à esquerda.

25. Linguagem neutra e acessibilidade
Utilizada pelos movimentos sociais para
dar visibilidade a questão do
empoderamento de gênero.
Ex: Prezad@s, todxs, meninxs, queridx.

26. Alternativa para vídeo - Libras
Foto: Software que converte texto em Língua Brasileira de Sinais.

27. Alternativa para vídeo - Legenda
Foto: Vídeo com legenda e libras.

28. Cores – Contraste
Foto: Exemplos de contraste.

29. Vídeo
com audiodescrição

30. Definição de leitor de telas
“Um leitor de tela é um programa que, interagindo com o Sistema
Operacional do computador, captura toda e qualquer informação
apresentada na forma de texto e a transforma em uma resposta
falada utilizando um sintetizador de voz.”
Fonte: Fundação Bradesco
Imagem: Logotipos de leitores de telas (Virtual Vision, NVDA, JAWS, ORCA).
Recursos de Tecnologia Assistiva

31. Acessibilidade em eventos
Imagem: Evento com recursos de acessibilidade.

32. Orientações sobre acessibilidade
na WEB Iniciativas Nacional
Imagem: Modelo de Acessibilidade
em governo eletrônico.
Imagem: Cartilha de acessibilidade na
Web.

33. Iniciativas Nacional
Imagem: Sítio do projeto Todos@Web.

34. Obrigada!
Fabíola Calixto
f.calixto@alavankadigital.com.br