Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Acessibilidade em Ambiente Virtual de Aprendizagem

Willian Mano
December 02, 2019

Acessibilidade em Ambiente Virtual de Aprendizagem

Palestra ministrada na UNIFESP sobre Acessibilidade em ambientes virtuais de aprendizado utilizando o LMS Moodle.

Willian Mano

December 02, 2019
Tweet

More Decks by Willian Mano

Other Decks in Education

Transcript

  1. View Slide

  2. Eu sou o Mano
    Engenheiro de computação
    Analista de sistemas
    Líder da equipe de desenvolvimento -
    DTE/UEMANET/UEMA
    10+ anos de experiência com o Moodle
    2

    View Slide

  3. 3
    https://moodle.org/plugins/block_ranking

    View Slide

  4. 4
    https://moodle.org/plugins/theme_ranking

    View Slide

  5. 5

    View Slide

  6. 1

    View Slide

  7. 7

    View Slide

  8. 8

    View Slide

  9. 9

    View Slide

  10. 10

    View Slide

  11. 11

    View Slide

  12. 12

    View Slide

  13. 13
    Acessibilidade é para todos vocês!!

    View Slide

  14. 14

    View Slide

  15. 23,9% da população total do Brasil, têm
    algum tipo de deficiência. Seja ela visual,
    auditiva, motora, mental ou intelectual.
    15
    Esse total corresponde a 45.606.048
    Censo 2010

    View Slide

  16. 7,4% de de pessoas acima de 65 anos
    Nos países onde a espectativa de vida é
    superior a 70 anos, cada indivíduo viverá
    com uma deficiência em média 8 anos, isto é
    11,5% da sua existência.
    7,3% de crianças de 0 a 4 anos.
    16

    View Slide

  17. “ Acessibilidade não se trata
    de custo ou altruísmo,
    acessibilidade é
    investimento!
    17

    View Slide

  18. 18
    Criação do Comitê brasileiro(CB-40) da ABNT
    Dedica-se à normatização no campo de acessibilidade, atendendo aos preceitos de
    desenho universal. O Comitê possui diversas comissões, definindo normas de
    acessibilidade em todos os níveis, desde o espaço físico até o virtual
    2000 Lei 10.098
    Estabelece normas gerais e critérios básicos para a promoção da acessibilidade.
    2004 Decreto número 5.296
    Regulamenta a lei N. 10.098

    View Slide

  19. 19
    A acessibilidade na internet foi contemplada nos artigos 9 e 21 da Convenção, tornando
    obrigatória e crime de discriminação qualquer informação na internet não acessível
    para qualquer tipo de deficiência e a qualquer categoria de portal ou site, de empresa
    privada ou governamental.
    2007 Portaria n. 3, de 7 de maio
    Institucionalização do eMag tornando sua observância obrigatória nos sítios e portais
    do governo brasileiro.
    2009 Decreto n. 6949, de 25 de agosto
    Promulgação da Convenção Internacional sobre os Direitos das Pessoas com
    Deficiência, tornando-a um marco legal no Brasil.
    2007
    Brasil assina a "Convenção Internacional dos Direitos da Pessoa
    com Deficiência"

    View Slide

  20. 20

    View Slide

  21. View Slide

  22. Eu sou o Mano
    Engenheiro de computação
    Analista de sistemas
    Líder da equipe de desenvolvimento -
    DTE/UEMANET/UEMA
    10+ anos de experiência com o Moodle
    22

    View Slide

  23. 23

    View Slide

  24. http://collaborate.athenpro.org/group/moodle

    View Slide

  25. https://docs.moodle.org/dev/Accessibility

    View Slide

  26. 26
    ▸ Seguir os padrões
    ▸ WCAG 2.0
    ▸ ATAG 2.0
    ▸ ARIA 1.0
    ▸ US Section 508 (USA)
    ▸ European Accessibility Act

    View Slide

  27. ▸ Web Content Accessibility Guidelines - WCAG
    ▹ https://www.w3.org/WAI/standards-guidelines/wcag
    ▸ Modelo de acessibilidade do governo - eMag
    ▹ http://emag.governoeletronico.gov.br
    ▸ WAI-ARIA
    ▹ http://www.w3.org/WAI/intro/aria.php
    ▸ Authoring Tool Accessibility Guidelines - ATAG
    ▹ https://www.w3.org/TR/ATAG20
    27

    View Slide

  28. View Slide

  29. 29
    ▸ Editor de texto próprio do Moodle com foco em:
    ▹ Experiência do usuário
    ▹ Produzir conteúdo acessível
    ▸ Funcionalidades incluidas:
    ▹ Verificador de acessibilidade
    ▹ Validador de leitor de tela
    ▹ Janelas ao abrir mídias
    ▹ Janelas ao adicionar tabelas
    ▹ Editor de equações rico em recursos (Usando Mathjax.org)

    View Slide

  30. 30

    View Slide

  31. 31
    Páginas com hierarquia, layout e conteúdo acessível são mais claras
    para todos que navegam, além de melhorar a experiência de leitura.
    Isso beneficia:
    ▸ Usuários com tecnologias adaptativas
    ▸ Pessoas com deficiências não aparentes
    ▸ População em geral

    View Slide

  32. 32
    Use os cabeçalhos do editor de texto
    ▸ Certifique-se que eles sigam a sequência de hierarquia. Ex:
    H3,H4,H5

    View Slide

  33. 33
    Use links descritivos
    ▸ Ao invés de exibir um link como https://www.moodlebrasil.org
    ▸ Esconda-o como "Veja no site do Moodle Brasil"
    Use as listas do editor de texto(ordenadas e não ordenadas)
    ▸ NÃO insira linhas em branco entre os itens da lista, isso
    geralmente quebra as listas para usuários de leitores de tela.

    View Slide

  34. 34
    ▸ Imagens com texto alternativo ausente e role Aria não está marcada
    como presentation
    ▸ Texto com contraste insuficiente com o plano de fundo (WCAG AA)
    ▸ Blocos longos de texto sem títulos
    ▸ Tabelas sem legendas
    ▸ Tabelas com células mescladas
    ▸ Tabelas sem cabeçalhos de linha ou coluna

    View Slide

  35. 35

    View Slide

  36. View Slide

  37. 37

    View Slide

  38. 38
    Moodle vem por padrão com o video.js, que dá suporte para:
    ▸ Legendas
    ▸ Descrições de áudio
    ▸ Audiodescrição
    ▸ Capítulos
    ▸ Metadados

    View Slide

  39. 39

    View Slide

  40. 40

    View Slide

  41. 41
    ▸ Use somente para dados que necessitam de uma estrutura tabular;
    ▸ Mantenha simples e lógica;
    ▸ Use legendas;
    ▸ Use cabeçalhos de colunas ou linhas;
    ▸ Não mescle células;
    ▸ Não use para layout de página, apenas para dados tabulares;
    ▸ Não use tabelas aninhadas.

    View Slide

  42. 42

    View Slide

  43. View Slide

  44. 44
    https://moodle.org/plugins/block_accessibility

    View Slide

  45. 45
    https://moodle.org/plugins/mod_bigbluebuttonbn

    View Slide

  46. 46
    https://www.readspeaker.com/blog/industries/lear
    ning/learning-management-systems/#lms_moodle

    View Slide

  47. 47
    http://vlibras.gov.br/doc/installation/webpageintegration.html

    View Slide

  48. 48
    ▸ How to design for accessibility
    ▹ https://ukhomeoffice.github.io/accessibility-posters/posters/
    accessibility-posters.pdf
    ▸ Leis federais sobre acessibilidade na WEB
    ▹ https://mwpt.com.br/acessibilidade-digital/leis-federais-sobr
    e-acessibilidade-na-web
    ▸ Moodle accessibility
    ▹ https://docs.moodle.org/dev/Accessibility

    View Slide

  49. 49

    View Slide

  50. 50
    Perguntas?
    Você pode me encontrar aqui
    [email protected]
    ▸ (98) 99223-1059

    View Slide