Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Modelo Brasileiro                 de Acessibilidade                 em Governo                 Eletrônico (e-MAG)         ...
Legislação (...o tamanho pequeno é proposital)     Lei Nº 10.098, de 19 de dezembro de 2000      Estabelece normas gerais...
Sobre o e-MAG Conjunto de recomendações a ser considerado na manutenção e desenvolvimento de sítios e e-serviços do Govern...
Sobre o e-MAG     1.4 - Primeira versão lançada em 18 de      janeiro de 2005;     2.0 - Segunda versão lançada em 14 de...
e-MAG 3.0     Aprendizados com a versão 2.0;     Pesquisas;     Opinião de especialistas;     Em conformidade com a WC...
Estrutura: O processo para  desenvolver um sítio acessível  1. Seguir os padrões Web;  2. Seguir as diretrizes ou recomend...
Estrutura: Recomendações de  acessibilidade     Marcação;     Comportamento (DOM);     Conteúdo/Informação;     Aprese...
Marcação     RECOMENDAÇÃO 1 – Respeitar os padrões de desenvolvimento web     RECOMENDAÇÃO 2 – Organizar o código HTML d...
Comportamento     RECOMENDAÇÃO 10 – Garantir que os objetos programáveis sejam acessíveis     RECOMENDAÇÃO 11 – Não cria...
Conteúdo/Informação     RECOMENDAÇÃO 16 – Identificar o idioma principal da página     RECOMENDAÇÃO 17 – Oferecer um tít...
Apresentação/Design     RECOMENDAÇÃO 28 – Oferecer contraste mínimo entre plano de fundo e primeiro plano     RECOMENDAÇ...
Multimídia     RECOMENDAÇÃO 33 – Fornecer alternativa para vídeo     RECOMENDAÇÃO 34 – Fornecer alternativa para áudio  ...
Formulários     RECOMENDAÇÃO 38 – Fornecer alternativa em texto para os botões de imagem de      formulários     RECOMEN...
Estrutura: Padrões de acessibilidade  digital no Governo Federal  1. Página com a descrição dos recursos de acessibilidade...
Estrutura: Recursos e ferramentas  para acessibilidade     Organizações e especificações     Validadores de código     ...
Estrutura: Leitura Complementar     Padrões Brasil e-Gov - http://www.governoeletronico.gov.br/acoes-e-projetos/padroes-b...
Obrigado!              Thiago Augusto dos Santos Silva                       acessibilidade@planejamento.gov.br           ...
Upcoming SlideShare
Loading in …5
×

Modelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAG

1,592 views

Published on

Apresentação do Modelo Brasileiro de Acessibilidade
em Governo Eletrônico
(e-MAG) no ARENA CODE. Brasília, 23 a 25 de novembro de 2011.

  • Be the first to comment

Modelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAG

  1. 1. Modelo Brasileiro de Acessibilidade em Governo Eletrônico (e-MAG) Ministério do Planejamento, Orçamento e Gestão Secretaria de Logística e Tecnologia da Informação Departamento de Governo Eletrônicogovernoeletronico.gov.br
  2. 2. Legislação (...o tamanho pequeno é proposital)  Lei Nº 10.098, de 19 de dezembro de 2000 Estabelece normas gerais e critérios básicos para a promoção da acessibilidade das pessoas portadoras de deficiência ou com mobilidade reduzida, e dá outras providências.  Decreto Nº 5.296, de 2 dezembro de 2004 Regulamenta as Leis Nºs 10.048, de 8 de novembro de 2000, que dá prioridade de atendimento às pessoas que especifica, e 10.098, de 19 de dezembro de 2000, que estabelece normas gerais e critérios básicos para a promoção da acessibilidade das pessoas portadoras de deficiência ou com mobilidade reduzida, e dá outras providências.  Portaria Nº3, de 7 de maio de 2007 Institucionaliza o Modelo de Acessibilidade em Governo Eletrônico – e-MAG no âmbito do Sistema de Administração dos Recursos de Informação e Informática – SISP .  Convenção sobre os Direitos das Pessoas com Deficiência (2007) A Convenção sobre os Direitos das Pessoas com Deficiência e seu respectivo Protocolo Facultativo foram ratificados pelo Congresso Nacional em 09/07/2008 pelo decreto legislativo nº 186/2008 e todos os seus artigos são de aplicação imediata.  Decreto Legislativo Nº 186, de 09 de julho de 2008 Aprova o texto da Convenção sobre os Direitos das Pessoas com Deficiência e de seu Protocolo Facultativo, assinados em Nova Iorque, em 30 de março de 2007.  Decreto Nº 6.949, de 25 de agosto de 2009 Promulga a Convenção Internacional sobre os Direitos das Pessoas com Deficiência e seu Protocolo Facultativo, assinados em Nova York, em 30 de março de 2007.governoeletronico.gov.br
  3. 3. Sobre o e-MAG Conjunto de recomendações a ser considerado na manutenção e desenvolvimento de sítios e e-serviços do Governo Brasileiro:  Conduzido de forma padronizada e de fácil implementação;  Coerente com as necessidades brasileiras;  Conformidade com os padrões internacionais. Cartaz do lançamento do e-MAG 1.4 em 2004.governoeletronico.gov.br
  4. 4. Sobre o e-MAG  1.4 - Primeira versão lançada em 18 de janeiro de 2005;  2.0 - Segunda versão lançada em 14 de dezembro de 2005;  3.0 – Terceira versão lançada em 21 de setembro de 2011. Cartaz do lançamento do e-MAG 3.0 em 2011.governoeletronico.gov.br
  5. 5. e-MAG 3.0  Aprendizados com a versão 2.0;  Pesquisas;  Opinião de especialistas;  Em conformidade com a WCAG 2.0;  Necessidades locais;  Estrutura ● Pragmático (estruturado de acordo com os problemas a serem abordados); ● Dividido por áreas de atuação; ● Padronização de funcionalidades.governoeletronico.gov.br
  6. 6. Estrutura: O processo para desenvolver um sítio acessível 1. Seguir os padrões Web; 2. Seguir as diretrizes ou recomendações de acessibilidade; 3. Realizar a avaliação de acessibilidade.governoeletronico.gov.br
  7. 7. Estrutura: Recomendações de acessibilidade  Marcação;  Comportamento (DOM);  Conteúdo/Informação;  Apresentação/Design;  Multimídia;  Formulário.governoeletronico.gov.br
  8. 8. Marcação  RECOMENDAÇÃO 1 – Respeitar os padrões de desenvolvimento web  RECOMENDAÇÃO 2 – Organizar o código HTML de forma lógica e semântica  RECOMENDAÇÃO 3 – Utilizar corretamente os níveis de cabeçalho  RECOMENDAÇÃO 4 – Ordenar de forma lógica e intuitiva a leitura e tabulação  RECOMENDAÇÃO 5 – Disponibilizar todas as funções da página via teclado  RECOMENDAÇÃO 6 – Fornecer âncoras para ir direto a um bloco de conteúdo  RECOMENDAÇÃO 7 – Não utilizar tabelas para diagramação  RECOMENDAÇÃO 8 – Separar links adjacentes  RECOMENDAÇÃO 9 – Não abrir novas instâncias sem a solicitação do usuáriogovernoeletronico.gov.br
  9. 9. Comportamento  RECOMENDAÇÃO 10 – Garantir que os objetos programáveis sejam acessíveis  RECOMENDAÇÃO 11 – Não criar páginas com atualização automática periódica  RECOMENDAÇÃO 12 – Não utilizar redirecionamento automático de páginas  RECOMENDAÇÃO 13 – Fornecer alternativa para modificar limite de tempo  RECOMENDAÇÃO 14 – Não incluir situações com intermitência de tela  RECOMENDAÇÃO 15 – Assegurar o controle do usuário sobre as alterações temporais do conteúdogovernoeletronico.gov.br
  10. 10. Conteúdo/Informação  RECOMENDAÇÃO 16 – Identificar o idioma principal da página  RECOMENDAÇÃO 17 – Oferecer um título descritivo e informativo à página  RECOMENDAÇÃO 18 – Disponibilizar informação sobre a localização do usuário na página  RECOMENDAÇÃO 19 – Descrever links clara e sucintamente  RECOMENDAÇÃO 20 – Fornecer alternativa em texto para as imagens do sítio  RECOMENDAÇÃO 21 – Fornecer alternativa em texto para as zonas ativas de mapa de imagem  RECOMENDAÇÃO 22 – Disponibilizar documentos em formatos acessíveis  RECOMENDAÇÃO 23 – Em tabelas, utilizar títulos e resumos de forma apropriada  RECOMENDAÇÃO 24 – Associar células de dados às células de cabeçalho em uma tabela  RECOMENDAÇÃO 25 – Garantir a leitura e compreensão das informações  RECOMENDAÇÃO 26 – Disponibilizar uma explicação para siglas, abreviaturas e palavras incomuns  RECOMENDAÇÃO 27 – Informar mudança de idioma no conteúdogovernoeletronico.gov.br
  11. 11. Apresentação/Design  RECOMENDAÇÃO 28 – Oferecer contraste mínimo entre plano de fundo e primeiro plano  RECOMENDAÇÃO 29 – Não utilizar apenas cor ou outras características sensoriais para diferenciar elementos  RECOMENDAÇÃO 30 – Permitir redimensionamento de texto sem perda de funcionalidade  RECOMENDAÇÃO 31 – Dividir as áreas de informação  RECOMENDAÇÃO 32 – Possibilitar que o elemento com foco seja visualmente evidentegovernoeletronico.gov.br
  12. 12. Multimídia  RECOMENDAÇÃO 33 – Fornecer alternativa para vídeo  RECOMENDAÇÃO 34 – Fornecer alternativa para áudio  RECOMENDAÇÃO 35 – Oferecer audiodescrição para vídeo pré-gravado  RECOMENDAÇÃO 36 – Fornecer controle de áudio para som  RECOMENDAÇÃO 37 – Fornecer controle de animaçãogovernoeletronico.gov.br
  13. 13. Formulários  RECOMENDAÇÃO 38 – Fornecer alternativa em texto para os botões de imagem de formulários  RECOMENDAÇÃO 39 – Associar etiquetas aos seus campos  RECOMENDAÇÃO 40 – Estabelecer uma ordem lógica de navegação  RECOMENDAÇÃO 41 – Não provocar automaticamente alteração no contexto  RECOMENDAÇÃO 42 – Fornecer instruções para entrada de dados  RECOMENDAÇÃO 43 – Identificar e descrever erros de entrada de dados  RECOMENDAÇÃO 44 – Agrupar campos de formulário  RECOMENDAÇÃO 45 – Fornecer captcha humanogovernoeletronico.gov.br
  14. 14. Estrutura: Padrões de acessibilidade digital no Governo Federal 1. Página com a descrição dos recursos de acessibilidade; 2. Teclas de atalho; 3. Barra de acessibilidade; 4. Apresentação do mapa do sitio; 5. Apresentação de formulário; 6. Conteúdo alternativo para imagens; 7. Apresentação de documentos.governoeletronico.gov.br
  15. 15. Estrutura: Recursos e ferramentas para acessibilidade  Organizações e especificações  Validadores de código  Validadores automáticos de acessibilidade  Checklists para validação humana  Ferramentas para análise de relação de contraste  Simulador de Navegador  Leitores de Tela  Navegadores Textuais  Simulador para Cegueira Cromática (Daltonismo)  Tutoriaisgovernoeletronico.gov.br
  16. 16. Estrutura: Leitura Complementar  Padrões Brasil e-Gov - http://www.governoeletronico.gov.br/acoes-e-projetos/padroes-brasil-e-gov  WCAG 2.0 - http://www.ilearn.com.br/TR/WCAG20  Técnicas para as WCAG 2.0 - http://www.acesso.umic.pt/w3/TR/WCAG20-TECHS/  CSS e Web Standards - http://maujor.com/  RENAPI – Projeto de Acessibilidade Virtual - http://bento.ifrs.edu.br/acessibilidade/  Acessibilidade Web: (X)HTML, CSS, Scripts e Usabilidade para Todos - http://www.acessibilidadelegal.com/  Acesso Digital - http://www.acessodigital.net  Web Accessibility in Mind - http://webaim.org  W3C Brasil - http://w3c.br  CLF Standards (Canadá) - http://www.tbs-sct.gc.ca/clf2-nsi2/index-eng.asp  Section 508 (Estados Unidos) - http://www.section508.gov/  NDA (Irlanda) - http://www.nda.ie/cntmgmtnew.nsfgovernoeletronico.gov.br
  17. 17. Obrigado! Thiago Augusto dos Santos Silva acessibilidade@planejamento.gov.br +55 61 2020 1264 @egovbrgovernoeletronico.gov.br

×