Acessibilidade em Ambiente Virtual de Aprendizagem

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

Transcript

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
3. 3 https://moodle.org/plugins/block_ranking
4. 4 https://moodle.org/plugins/theme_ranking
13. 13 Acessibilidade é para todos vocês!!
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
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
17. “ Acessibilidade não se trata de custo ou altruísmo, acessibilidade é investimento! 17
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
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"
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
24. http://collaborate.athenpro.org/group/moodle
25. https://docs.moodle.org/dev/Accessibility
26. 26 ▸ Seguir os padrões ▸ WCAG 2.0 ▸ ATAG 2.0 ▸ ARIA 1.0 ▸ US Section 508 (USA) ▸ European Accessibility Act
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
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)
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
32. 32 Use os cabeçalhos do editor de texto ▸ Certifique-se que eles sigam a sequência de hierarquia. Ex: H3,H4,H5
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.
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
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
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.
44. 44 https://moodle.org/plugins/block_accessibility
45. 45 https://moodle.org/plugins/mod_bigbluebuttonbn
46. 46 https://www.readspeaker.com/blog/industries/lear ning/learning-management-systems/#lms_moodle
47. 47 http://vlibras.gov.br/doc/installation/webpageintegration.html
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
50. 50 Perguntas? Você pode me encontrar aqui ▸ willianmano@conecti.me ▸ (98) 99223-1059