O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Acessibilidade nas mídias digitais

210 visualizações

Publicada em

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

Publicada em: Mídias sociais
  • Seja o primeiro a comentar

Acessibilidade nas mídias digitais

  1. 1. Acessibilidade nas mídias digitais Fabíola Calixto
  2. 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. 3. Qual é a sua Missão?
  4. 4. www.alavankadigital.com.br
  5. 5. Slide Title • Make Effective Presentations • Using Awesome Backgrounds • Engage your Audience • Capture Audience Attention
  6. 6. Usabilidade # Acessibilidade
  7. 7. Mídias Digitais e Acessibilidade
  8. 8. Vídeo Campanha Jogos paralímpicos nas olimpíadas Rio 2016.
  9. 9. Quem precisa de acessibilidade nas mídias digitais?
  10. 10. Quem precisa de acessibilidade? Foto: Quatro idosos acessando a Internet. Foto: Braço engessado.
  11. 11. Foto: Pessoa com def. visual usando computador com leitor de telas. Foto: Olhos representando daltônico. Quem precisa de acessibilidade ?
  12. 12. Foto: Mãos representando a comunicação por lingua de sinais. Foto: Pessoa com tetraplegia usando computador. Quem precisa de acessibilidade?
  13. 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. 14. Vídeo Acessibilidade nas Mídias Digitais Fabiana Bonilha (Pessoa com deficiência visual)
  15. 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. 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. 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. 18. Alternativas Para deixar as mídias digitais (texto, imagens e sons) acessíveis.
  19. 19. Acessibilidade em imagens Foto: Postagem de imagem no facebook com #PraCegoVer. Foto: Postagem de imagem no facebook com descrição.
  20. 20. Foto: imagem com descrição no WhatsApp. Foto: Postagem de imagem com descrição no Instagram. Acessibilidade em imagens
  21. 21. Arquivos em texto Assinatura de e-mails Imagem: Logo PDF. Foto: Email com assinatura acessível.
  22. 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. 23. Acessibilidade em mídias digitais Imagem: Revistas Digitais. Imagem: Imagem representando blog.
  24. 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. 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. 26. Alternativa para vídeo - Libras Foto: Software que converte texto em Língua Brasileira de Sinais.
  27. 27. Alternativa para vídeo - Legenda Foto: Vídeo com legenda e libras.
  28. 28. Cores – Contraste Foto: Exemplos de contraste.
  29. 29. Vídeo com audiodescrição
  30. 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. 31. Acessibilidade em eventos Imagem: Evento com recursos de acessibilidade.
  32. 32. Orientações sobre acessibilidade na WEB Iniciativas Nacional Imagem: Modelo de Acessibilidade em governo eletrônico. Imagem: Cartilha de acessibilidade na Web.
  33. 33. Iniciativas Nacional Imagem: Sítio do projeto Todos@Web.
  34. 34. Obrigada! Fabíola Calixto f.calixto@alavankadigital.com.br

×