![Page 1: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/1.jpg)
e-Mag
Modelo de Acessibilidade do Governo Eletrônico
Reinaldo Ferraz – NIC.br
![Page 2: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/2.jpg)
Participação do NIC.br
Instituição responsável pela gestão do “.br”
![Page 3: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/3.jpg)
Participação do NIC.br
Instituição responsável pela gestão do “.br”
![Page 4: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/4.jpg)
Participação do NIC.br
Dentre as atribuições do NIC.br está a de promover estudos e recomendar procedimentos, normas e padrões técnicos e operacionais, para a segurança das redes e serviços de Internet, bem assim para a sua crescente e adequada utilização pela sociedade.
![Page 5: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/5.jpg)
E-mag
Modelo de Acessibilidade do Governo Eletrônico
É um conjunto de recomendações a ser considerado para que o processo de acessibilidade dos sítios e portais do governo brasileiro seja conduzido de forma padronizada e de fácil implementação.
A construção de sítios acessíveis é uma exigência do decreto 5.296, publicado em dezembro de 2004.
Versão 1.4 – Janeiro de 2005 (Consulta pública)Versão 2.0 – Dezembro de 2005Versão 3.0 – Previsão para Junho de 2011
![Page 6: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/6.jpg)
Acessibilidade, para quem?
![Page 7: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/7.jpg)
Um pouco do E-mag
Acessível via teclado
Foto: Flickr.com - Baddog_
![Page 8: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/8.jpg)
Um pouco do E-mag
Recomendação 2.19 - Em programas interpretáveis, especificar respostas a eventos, preferindo as rotinas dependentes de dispositivos (mouse, teclado, etc).
•Use "onmousedown" com "onkeydown".•Use "onmouseup" com "onkeyup" •Use "onclick" com "onkeypress" •Use "onfocus" com "onmouseover" •Use "onblur" com "onmouseout"
![Page 9: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/9.jpg)
Um pouco do E-mag
![Page 10: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/10.jpg)
Um pouco do E-mag
João é tetraplégico
Foto de Maíra Soares(cortesia Horácio Soares)
![Page 11: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/11.jpg)
Um pouco do E-mag
Vídeos com legendas
![Page 12: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/12.jpg)
Um pouco do E-mag
Recomendação 1.22 - Em apresentações multimídia baseadas em tempo (Filme ou animação), fornecer ou sincronizar alternativas textuais equivalentes (legendas ou descrições sonoras dos trechos visuais).
![Page 13: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/13.jpg)
Um pouco do E-mag
Michele é surda
![Page 14: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/14.jpg)
Um pouco do E-mag
Sem CSSe imagens
Foto: Flickr.com - Baddog_
![Page 15: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/15.jpg)
Já testou o seu site?
Ou mesmo sem monitor
![Page 16: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/16.jpg)
Um pouco do E-mag
Recomendação 1.11 - Fornecer um equivalente textual a cada imagem (isso abrange: representações gráficas do texto, incluindo símbolos, GIFs animados, imagens utilizadas como sinalizadores de pontos de enumeração, espaçadores e botões gráficos), para tanto, utiliza-se o atributo "alt" ou "longdesc" em cada imagem.
![Page 17: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/17.jpg)
Um pouco do E-mag
![Page 18: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/18.jpg)
Um pouco do e-mag
Leda é cega
(cortesia Horácio Soares)
![Page 19: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/19.jpg)
Um pouco do e-mag
Recomendação 1.5 Assegurar que a combinação de cores entre o fundo e o primeiro plano seja sufcientemente contrastante para poder ser vista por pessoas com cromodeficiências, bem como pelas que utilizam monitores de vídeo monocromáticos.
![Page 20: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/20.jpg)
Um pouco do e-mag
![Page 21: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/21.jpg)
Um pouco do e-mag
Luiz tem baixa visão
![Page 22: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/22.jpg)
Um pouco do e-mag
As recomendações do E-Mag abrangem uma série de elementos das páginas:
- Tabelas- Formulários- Imagens- Cabeçalhos- Links- Scripts- etc...
![Page 23: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/23.jpg)
Estatísticas - IBGE
De acordo com o Censo 2000:
• 14,5% da população brasileira (mais de 24 milhões de pessoas) convivia alguma deficiência em 2000.
• 148 mil pessoas cegas e 2,4 milhões com grande dificuldade de enxergar
• 166.400 surdos e 900 mil pessoas com grande dificuldade permanente de ouvir.
• 937 mil tetraplegicos, paraplegicos ou com hemiplegia
permanente e 478 mil pessoas com falta de um membro.
Fonte: IBGE - http://www.ibge.gov.br/home/presidencia/noticias/27062003censo.shtm
![Page 25: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/25.jpg)
Estatísticas - WebAim
Fonte: WebAim - http://webaim.org/projects/screenreadersurvey3
![Page 26: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/26.jpg)
Estatísticas - WebAim
Fonte: WebAim - http://webaim.org/projects/screenreadersurvey3/#browsers
![Page 27: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/27.jpg)
Estatísticas - WebAim
Fonte: WebAim - http://webaim.org/projects/screenreadersurvey3/# longdesc
![Page 28: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/28.jpg)
Acessibilidade na web: A quem se destina?
![Page 29: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/29.jpg)
Acessibilidade na web: A quem se destina?
Acessibilidade é para todos !
![Page 30: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/30.jpg)
Acessibilidade na web: A quem se destina?
Usuários de Dispositivos Móveis
Foto: everystockphoto.com -bartimaeus-
![Page 31: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/31.jpg)
Acessibilidade na web: A quem se destina?
Deficiência temporária
Foto: Flickr.com - Tuftronic10000
![Page 32: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/32.jpg)
Acessibilidade na web: A quem se destina?
Medo de usar o computador
Foto: everystockphoto.com - Violator3
![Page 33: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/33.jpg)
Acessibilidade na web: A quem se destina?
53% Falta de habilidade com o
computador/internet
Fonte: Pesquisa TIC Domicílios 2009 – CGI.brPessoas que nunca acessaram a internet, mas usaram um computador.
Motivos pelos quais nunca utilizou a internet
![Page 34: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/34.jpg)
Acessibilidade na web: A quem se destina?
Início de aprendizado
Nosso primeiro contato
![Page 35: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/35.jpg)
Acessibilidade na web: A quem se destina?
Idade Avançada
Nós, daqui algunsanos
Foto: Flickr.com - Jacob Bøtter
![Page 36: Padrões em Governo Eletrônico - acessibilidade e e-MAG](https://reader031.vdocuments.com.br/reader031/viewer/2022020207/559ba1a31a28abf3148b460b/html5/thumbnails/36.jpg)
Acessibilidade na web: A quem se destina?
Foto: Flickr.com - Jacob Bøtter
Número de pessoas com 60 anos ou mais
no mundo:
1950 – 205 milhões2000 – 606 milhões
Estimativa para 2050Quase 2 bilhões de pessoas com mais de 60 anos.(+ de 20% da população)
Fonte: http://www.un.org/esa/population/publications/worldageing19502050/