Palestra realizada no evento Acessibilidade Digital - Um direito de Todos. ESAF, 21 de setembro de 2011.
Citation preview
1.
e-MAG 3.0
Modelo de Acessibilidade em Governo Eletrnico
Projeto de Acessibilidade Virtual da RENAPI SETEC/MEC Andra
Poletto Sonza Braslia, 21 de Setembro de 2011
2.
e-MAG
Acessibilidade
Conceitos 3. Por que acessibilidade?
e-MAG
Histrico 4. Verso 3.0 5. Estrutura Atual 6. Padronizao das
Pginas do Governo
Cursos e-MAG
Estrutura geral 7. Pblico-alvo
CMS Suindara
Estrutura Geral
8.
Conceitos
9.
Acessibilidade
Possibilidade de acesso a TODOS, independente de limitao
(fsica, sensorial, cognitiva...) situao ou tecnologia
Usabilidade
Facilidade de acesso a TODOS 10. Mede a produtividade,
eficincia de uso e funcionalidade do ambiente
Comunicabilidade
Comunicao com TODOS 11. Diz respeito capacidade do usurio em
compreender as informaes fornecidaspelosistema ou interface
Conceitos de Qualidade de Uso de Sistemas
12.
Por que Acessibilidade?
13.
Prover acesso aos 14,5%da populao brasileira com necessidades
especiais 14. Permitir a indexao das pginas Web de forma mais rpida
e precisa pelos mecanismos de busca 15. Ampliar as possibilidades
de acesso s pginas web por diferentes tecnologias 16. Estimular a
prtica do altrusmo 17. Respeito Legislao
Acessibilidade Web Por qu?
18.
Decreto 5.296, de 02 de dezembro de 2004
Regulamenta as Leis 10.098/00 e 10.048/00. 19. Em seu artigo 47
tornaobrigatriaa acessibilidade nos portais e stios eletrnicos da
administrao pblica para o uso das pessoas com necessidades
especiais (deficientes visuais), garantindo-lhes o pleno acesso s
informaes disponveis.O mesmo artigo declara que o prazo para
readequao dos stios de doze meses a contar da data de publicao do
decreto.O prazo foi estendido por mais doze meses no caso
dewebsitesmuito complexos, o que constitui a maioria dos portais
governamentais.
Portaria n3, de 7 de maio de 2007 ,
Institucionalizou o e-MAG, 20. Tornou sua observncia obrigatria
nos stios e portais do governo brasileiro.
Legislao
21.
e-MAG 3.0
22.
e-MAG 3.0
O que ...
Documento comrecomendaes a serem consideradas para que o
processo de acessibilidade dosstios e portais do governo brasileiro
seja conduzido de forma padronizada e de fcil implementao.
23.
e-MAG
Objetivos...
Nortear a criao e adaptao de stios e portais do governo
brasileiro, estando de acordo com as diretrizes internacionais de
acessibilidade, mas considerando as necessidades locais;
Proporcionar meios para apercepo, interao e compreensodo contedo
publicado nos stios governamentais por todas as pessoas.
24.
e-MAG
Histrico Verso 1
Elaborada pelo Depto de Governo Eletrnico em parceria com a ONG
Acessibilidade Brasil 25. Disponibilizada para consulta pblica
em18/01/2005
Verso 2
Alteraes na verso 1 propostas pela consulta pblica 26. Lanada
em14/12/2005
Verso 3
Elaborada pelo Depto de Governo Eletrnico em parceria com o
Projeto de Acessibilidade Virtual da RENAPI SETEC/MEC
Lanamento oficial em21/09/11 .
27.
e-MAG 3.0
O e-MAG 3.0surgiuda parceria firmada entre o Ministrio do
Planejamento, Oramento e Gesto (Departamento de Governo Eletrnico)
e o Projeto de Acessibilidade Virtual da RENAPI (MEC), que iniciou
em 2009; 28. O trabalho dos professores e bolsistas do projeto
consistiu naatualizao e reformulaoda verso anterior do e-MAG,
lanada em 2005.
29.
Projeto de Acessibilidade Virtual da RENAPI SETEC/MEC
30.
e-MAG 3.0 - Colaboradores
MPOG:
Equipe do Departamento de Governo Eletrnico (DGE)
Projeto de Acessibilidade Virtual (RENAPI-SETEC/MEC):
Bruna Poletto, Juclia Almeida, Andra Sonza, Clio DallPizol,
Everaldo Carniel, Agebson Faanha, Renato Busatto, Vera Fucks,
Anderson Dall Agnol, Lael Nervis, Gleison Nascimento, Felipe Zap,
Ricardo Moro
Consultoria:
Marco Antnio Queiroz
Projeto de Acessibilidade Virtual da RENAPI
31.
e-MAG 3.0 - Colaboradores Consulta Pblica
Andr Pimenta Freire; 32. Angela Guimares; 33. Carol Scarton;
34. Diego Roger Ramos Freitas; 35. Edercio Marques Bento; 36. Jorge
Fernandes; 37. Jorge Fiore de Oliveira Junior; 38. Leonelo Dell
Anhol Almeida; 39. Marco Antonio de Queiroz; 40. Maria Ceclia
Calani Baranauskas; 41. Reinaldo Ferraz; 42. Thiago Prado de
Campos; 43. Ueslei Paterno 44. Vagner Figueredo de Santana.
45.
e-MAG 3.0
Consulta Pblica Discusses - Fechamento Documento
O e-MAG 3.0 foi disponibilizado para consulta pblica dedezembro
de 2010 a janeiro de 2011 prazo ampliado at maro de 2011. 46.
Contando com as diversas contribuies de especialistas e estudiosos,
o e-MAG passou por mais uma reformulao e reviso geral, at chegar ao
seu formato final;
47.
e-MAG 3.0
Base e Estrutura Geral
A verso 3.0 do e-MAG foi desenvolvida tomando como base aWCAG
2.0 , outros documentos internacionais de acessibilidade, alm de
pesquisas realizadas no mbito do projeto de acessibilidade virtual
e com oauxlio de pessoas com deficincia. 48. Osnveis de
prioridadeforam retirados da nova verso do e-MAG pelo fato de este
ser um documento do governo, indicando quetodasas recomendaes devem
ser seguidas. Alm disso, testes realizados comusurios com
deficinciacomprovam que no basta apenas garantir um nvel mnimo de
acessibilidade.
49.
e-MAG 3.0
Estruturao
Parte 1 Introduo
Sobre a verso 3.0 50. Legislao 51. O acesso de pessoas com
deficincia 52. O processo para desenvolver um stio acessvel
53.
e-MAG 3.0
Parte 2 Recomendaes de acessibilidade (diviso porSees )
Respeitar os padres de desenvolvimento web 60. Organizar o
cdigo HTML de forma lgica e semntica 61. Utilizar corretamente os
nveis de cabealho 62. Ordenar de forma lgica e intuitiva a leitura
e tabulao 63. Disponibilizar todas as funes da pgina via teclado
64. Fornecer ncoras para ir direto a um bloco de contedo 65. No
utilizar tabelas para diagramao 66. Separar links adjacentes 67. No
abrir novas instncias sem a solicitao do usurio
68.
e-MAG 3.0
Recomendaes de acessibilidade COMPORTAMENTO
Garantir que os objetos programveis sejam acessveis 69. No
criar pginas com atualizao automtica 70. No utilizar
redirecionamento automtico de pginas 71. Fornecer alternativa para
modificar limite de tempo 72. No incluir situaes com intermitncia
de tela 73. Assegurar o controle do usurio sobre as alteraes
temporais do contedo
74.
e-MAG 3.0
Recomendaes de acessibilidade CONTEDO/INFORMAO
Identificar o idioma principal da pgina 75. Oferecer um ttulo
descritivo e informativo pgina 76. Disponibilizar informao sobre a
localizao do usurio na pgina 77. Descrever links clara e
sucintamente 78. Fornecer alternativa em texto para as imagens do
stio 79. Fornecer alternativa em texto para as zonas ativas de mapa
de imagem 80. Disponibilizar documentos em formatos acessveis 81.
Em tabelas, utilizar ttulos e resumos de forma apropriada 82.
Associar clulas de dados s clulas de cabealho em uma tabela 83.
Garantir a leitura e compreenso das informaes 84. Disponibilizar
uma explicao para siglas, abreviaturas e palavras incomuns 85.
Informar mudana de idioma no contedo
86.
e-MAG 3.0
Recomendaes de acessibilidade APRESENTAO/DESIGN
Oferecer contraste mnimo entre plano de fundo e primeiro plano
87. No utilizar apenas cor ou outras caractersticas sensoriais para
diferenciar elementos 88. Permitir redimensionamento de texto sem
perda de funcionalidade 89. Dividir as reas de informao 90.
Possibilitar que o elemento com foco seja visualmente evidente
91.
e-MAG 3.0
Recomendaes de acessibilidade MULTIMDIA
Fornecer alternativa para vdeo 92. Fornecer alternativa para
udio 93. Oferecer audiodescrio para vdeo pr-gravado 94. Fornecer
controle de udio para som 95. Fornecer controle de animao
96.
e-MAG 3.0
Recomendaes de acessibilidade FORMULRIOS
Fornecer alternativa em texto para os botes de imagem de
formulrios 97. Associar etiquetas aos seus campos 98. Estabelecer
uma ordem lgica de navegao 99. No provocar automaticamente alterao
no contexto 100. Fornecer instrues para entrada de dados 101.
Identificar e descrever erros de entrada de dados 102. Agrupar
campos de formulrio 103. Fornecer CAPTCHA humano
104.
e-MAG 3.0
Parte 3 Padres de acessibilidade digital no Governo
Federal
padronizaelementos de acessibilidade que devem ter
caractersticas em comumem todas as pginas do governo federal,
como:
atalhos, 105. barra de acessibilidade, 106. mapa do stio, 107.
pgina de acessibilidade, entre outros.
108.
e-MAG 3.0
Parte 4 Recursos e ferramentas para acessibilidade
Especificaes 109. Validadores de cdigo 110. Validadores
automticos de acessibilidade 111. Checklists para avaliao de
acessibilidade 112. Ferramentas para anlise de contraste 113.
Leitores de tela 114. Entre outros...
115.
e-MAG 3.0
Parte 5 Leitura complementar
Padres Brasil
e-Govhttp://www.governoeletronico.gov.br/acoes-e-projetos/padroes-brasil-e-gov
116. WCAG 2.0http://www.ilearn.com.br/TR/WCAG20 117. Tcnicas para
as WCAG 2.0http://www.acesso.umic.pt/w3/TR/WCAG20-TECHS/ 118. CSS e
Web Standardshttp://maujor.com/ 119. RENAPI Projeto de
Acessibilidade Virtualhttp://bento.ifrs.edu.br/acessibilidade/ 120.
Acessibilidade Web: (X)HTML, CSS, Scripts e Usabilidade para
Todoshttp://www.acessibilidadelegal.com/ 121. Acesso
Digitalhttp://www.acessodigital.net 122. Web Accessibility in
Mindhttp://webaim.org 123. W3C Brasilhttp://w3c.br 124. CLF
Standards (Canad)http://www.tbs-sct.gc.ca/clf2-nsi2/index-eng.asp
125. Section 508 (Estados Unidos)http://www.section508.gov 126. NDA
(Irlanda)http://www.nda.ie/cntmgmtnew.nsf
127.
e-MAG 3.0
Parte 6 Glossrio
Explicao de termosutilizados ao longo do documento, incluindo
conceitos importantes, termos tcnicos e siglas.
128.
Cursos e-MAG
129.
Cursos e-MAG
Contedo:
Parte I Introduo Acessibilidade na Web 130. Parte II e-MAG 3.0
- Recomendaes de Acessibilidade
Status:
Parte I ok (em anlise pelo MPOG); 131. Em fase de construo da
Parte II.
Pblico Alvo:
Desenvolvedores e envolvidos com a manuteno de pginas web no
governo federal. 132. Uso de ambiente de EAD Moodle
133.
CMS Suindara
134.
CMS Suindara
CMS- Content Management System (Sistema de gerenciamento de
contedo)
Proposta: Ser Acessvel e Auto-Acessvel; 136. Manter o site
acessvel com o uso/tempo; 137. Open Source: PHP + Zend FrameWork;
138. Baseado em template (cada instituio poder adequar seu site
independente); 139. Verso 2.0 (em desenvolvimento).
140.
CMS Suindara Tela de Login
141.
CMS Suindara Tela Principal (Administrativa)
142.
CMS Suindara - Tela de publicao de contedo
143.
CMS Suindara - Modelo de template geradobaseado no site do
MEC
