conheça o e-mag

Apresentao do PowerPoint

Ministrio do Planejamento, Oramento e GestoSecretaria de Logstica e Tecnologia da InformaoDepartamento de Governo Eletrnico

Modelo Brasileiro de Acessibilidade em Governo Eletrnico

Sumrio

O que Acessibilidade?

As pessoas com deficincias;

Acessibilidade na web;

Viso Geral sobre e-MAG;

Pesquisa de acessibilidade em 200 stios e e-servios do Governo Federal.

O que acessibilidade?

Participao plena e igualdade de oportunidades

Pesquisa TIC e-Gov do CGI.br

Explanao sobre as dificuldades

garantir que uma informao ou servio esteja disponvel na web, em igualdade de condies, a qualquer hora, local, ambiente, dispositivo de acesso e por qualquer tipo de visitante/usurio, independentemente de sua capacidade motora, visual, auditiva, mental, computacional, cultural ou social.

O que acessibilidade para WEB?



Para garantir que os servios e informaes do governo cheguem ao maior nmero de pessoas possvel;

Para garantir que as pessoas com deficincia tenham seus direitos respeitados e com isso possam viver de maneira mais independente;

Para garantir o cumprimento de leis, decretos e convenes internacionais que versam sobre os direitos da pessoa com deficincia;

Por que implementar acessibilidade para WEB?



Lei N 10.098, de 19 de dezembro de 2000Estabelece normas gerais e critrios bsicos para a promoo da acessibilidade das pessoas portadoras de deficincia ou com mobilidade reduzida, e d outras providncias.

Decreto N 5.296, de 2 dezembro de 2004Regulamenta as Leis Ns 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 critrios bsicos para a promoo da acessibilidade das pessoas portadoras de deficincia ou com mobilidade reduzida, e d outras providncias.

Portaria N3, de 7 de maio de 2007Institucionaliza o Modelo de Acessibilidade em Governo Eletrnico e-MAG no mbito do Sistema de Administrao dos Recursos de Informao e Informtica SISP .

Conveno sobre os Direitos das Pessoas com Deficincia (2007)A Conveno sobre os Direitos das Pessoas com Deficincia 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 so de aplicao imediata.

Decreto Legislativo N 186, de 09 de julho de 2008Aprova o texto da Conveno sobre os Direitos das Pessoas com Deficincia e de seu Protocolo Facultativo, assinados em Nova Iorque, em 30 de maro de 2007.

Decreto N 6.949, de 25 de agosto de 2009 Promulga a Conveno Internacional sobre os Direitos das Pessoas com Deficincia e seu Protocolo Facultativo, assinados em Nova York, em 30 de maro de 2007.

Legislao (...o tamanho pequeno proposital)

Acessibilidade - Legislao

Lei 12.527/2011 Lei de Acesso a Informao

Artigo 8 ()

3 Os stios de que trata o 2 devero, na forma de regulamento, atender, entre outros, aos seguintes requisitos: ()

VIII - adotar as medidas necessrias para garantir a acessibilidade de contedo para pessoas com deficincia, nos termos do art. 17 da Lei no 10.098, de 19 de dezembro de 2000, e do art. 9 da Conveno sobre os Direitos das Pessoas com Deficincia, aprovada pelo Decreto Legislativo no 186, de 9 de julho de 2008.



Acessibilidade - Legislao

Decreto n 7.724, de 16 de maio de 2012 Regulamenta a Lei n 12.527, de 18 de novembro de 2011

Art. 8 Os stios na Internet dos rgos e entidades devero, em cumprimento s normas estabelecidas pelo Ministrio do Planejamento, Oramento e Gesto, atender aos seguintes requisitos, entre outros:

I - II - ...(...)VIII - garantir a acessibilidade de contedo para pessoas com deficincia.



Falta cidadania foto de Milton Jung

Carros estacionados em vagas especiaishttp://www.flickr.com/photos/cbnsp/5360821409/ CC licence

As pessoas com deficincia

CENSO Brasil 2010Populao total: 190.755.799 (100,0%)Pelo menos uma das deficincias investigadas*: 45.623.910 (23,9%)Nenhuma dessas deficincias: 145.084.578 (76,1%)

*As pessoas includas em mais de um tipo de deficincia foram contadas apenas uma vez.

Fonte: IBGE Censo Demogrfico 2010 Resultados Preliminares da Amostra




Deficincia Visual 35.791.488No consegue de modo algum 528.624Grande dificuldade 6.056.684Alguma dificuldade 29.206.180

Deficincia Auditiva 9.722.163No consegue de modo algum 347.481Grande dificuldade 1.799.885Alguma dificuldade 7.574.797




Deficincia Motora 13.273.969No consegue de modo algum 740.456Grande dificuldade 3.701.790Alguma dificuldade 8.831.723

Deficincia Mental/Intelectual 2.617.025




Voc acha que os recursos de acessibilidade ajudam apenas as pessoas com deficincia?

Agora pare e pense um pouco:

Acessibilidade para todos!

para as pessoas idosas!


para quem tem medo ou dificuldade em usar o computador!

Cerca de alegam que no usam Internet por falta de habilidade como computador/internet
Fonte: Pesquisa TIC Domiclios 2009 CGI.brPessoas que nunca acessaram a internet, mas usaram um computador

53%


para aqueles que precisam usar dispositivos portteis, ou para aqueles com limite de download!

tambm para aqueles com poucos recursos de processamento, ou com baixa velocidade de acesso a internet!


para ns em nossos primeiros passos...

...ou para um momento em que tenhamos que superar adversidades!

Custo ou benefcio?

Acessibilidade:

Mouse Ocular

O equipamento permite a pessoas portadoras de necessidades especiais com alto grau de comprometimento motor, controlarem o cursor do mouse atravs da movimentao dos olhos.http://www.flickr.com/photos/cbnsp/4081762638/Foto: divulgao (CC license)

Acessibilidade na Web

Tim Berners-Lee, diretor do W3C afirma que o poder da Web est na sua universalidade. Para ele, ser acessada por todos, independente de deficincia, um aspecto essencial.

A acessibilidade na Web significa, portanto, permitir o acesso a todos, independente do tipo de usurio, situao ou ferramenta.

Ilustrao de varias pessoas acessando o computadorA Web acessvel na sua origem

Como as pessoas com deficincia interagem com o computador?

Elas podem interagir atravs do uso de tecnologias assistivas, tais como: Mouses oculares;

Ampliadores de tela;Teclados e mouses expandidos;

Leitores de tela.

Leitores de Tela

JAWS (Windows, proprietrio)

NVDA (Windows, livre)

ORCA (Linux, livre)

DOSVOX (Windows, Livre)

Como as pessoas navegam pelo leitor de tela?




Vamos fazer um teste com um leitor de telas, para que tenhamos uma idia de como as pessoas esto exergando as informaes das pginas que publicamos, atravs dos leitores de tela?

Visual Auditiva / Ttil(sem leitor de tela) (com leitor de tela) Sinttica AnalticaTela bidimensional Tela linearizadaFacilidade para Dificuldade para perceber o contexto perceber o contexto

Diferenas entre os tipos de percepo:

O google apenas v o cdigo. Se o seu cdigo acessivel mais fcil do Google encontr-lo

Outros tipos de usurio que tambm so cegos

Processo para desenvolver stio acessvel:

Seguir os padres Web;

Seguir as diretrizes e recomendaes de acessibilidade;

Realizar avaliao de acessibilidade.

Cdigo acessvel

Contedo alternativo para elementos no-textuais;

Dados de tabelas acessveis;

Formulrios acessveis;

Menus de escape;

Teclas de acesso;

Folhas de estilo com medidas relativas;

Documentos legveis sem a folha de estilos;

Semntica;

Cdigo acessvel

Programao em camadas;

No usar tabelas para diagramar;

No utilizar frames;

No utilizar elementos proprietrios;

O e-MAG

cartaz emag 1.4Cartaz do lanamento do e-MAG 1.4 em 2004.

Modelo de acessibilidade em Governo Eletrnico - e-MAG

Conjunto de recomendaes a ser considerado na manuteno e desenvolvimento de stios e e-servios do Governo Brasileiro:

Conduzido de forma padronizada e de fcil implementao;

Coerente com as necessidades brasileiras;

Conformidade com os padres internacionais.

Histrico

Criado a partir da pesquisa em legislaes de 12 pases;

Inicialmente focado nas necessidades para deficientes visuais e auditivos;

Internet como escopo inicial.

Primeira verso (1.4) lanada em 18 de janeiro de 2005 e colocado em Consulta Pblica;

A segunda verso (2.0) foi lanada em 14 de dezembro de 2005;

Em maio de 2007 o e-MAG passou a ser obrigatrio no mbito do SISP por intermdio da Portaria n 03.

Apoio, ferramentas e disseminao

Cursos on-line

Ambiente de EAD

Curso Modelo 10 horas

Curso Cartilha 30 horas

Na seo do e-MAG

Checklist Manual de Acessibilidade

Anlise Leitores de Tela

Tutoriais

Legislao

ASES

1. AvaliadoresAvaliador de acessibilidade web;

Avaliador de cdigo HTML/XHTML;

Avaliador de cdigo CSS.

2. SimuladoresSimulador de navegao para cegos;

Simulador de navegao para baixa viso.

3. Ferramentas de apoio

Tela comunidade ASES Comunidades ASES no Software Pblico cerca de 2442 membros.

98%das pginas de governo no so acessveis.

95%

das pginas federais no so acessveis.

Fonte: Pesquisa Censo na WEB 2010 CGI.br

A verso 3.0 do e-MAG

Cartaz do lanamento do
e-MAG 3.0 em 2011.

cartaz evento Acessibilidade Digital - Um direito de Todos

2008 lanamento do WCAG 2.0

Dez 2009 - Parceria com a MP-MEC atravs da RENAPI - Rede de Pesquisa e Inovao em Tecnologias Digitais

2 semestre de 2010 Grupo de consultores especializados em acessibilidade de stios.

E-MAG 3.0 Precedentes

Acordo de Cooperao entre o Ministrio do Planejamento, Oramento e Gesto, representado pela Secretaria de Logstica e Tecnologia da Informao (SLTI) e o Ministrio da Educao, representado pela Secretaria de Educao Profissional e Tecnolgica (SETEC).

Acordo de Cooperao MP-MEC

Verso 3.0 do e-MAG;

Checklists humanos de Acessibilidade;

Comparativo de Leitores de Tela;

SGC acessvel Suindara;

ASES verso 2.0;

Atualizao cursos de EAD do e-MAG;

Avaliao de acessibilidade em 200 stios e e-servios.

Acordo de Cooperao MP-MEC

Aprendizados com a verso 2.0;

Pesquisas;

Opinio de especialistas;

Em conformidade com a WCAG 2.0;

Necessidades locais;

O que o e-MAG 3.0

Estrutura Pragmtico (estruturado de acordo com os problemas a serem abordados);

Dividido por reas de atuao;

Padronizao de funcionalidades.

O que o e-MAG 3.0

Itens padres para o Governo Federal:

1.Pgina com a descrio dos recursos de acessibilidade;

2.Teclas de atalho (3);

3.Barra de acessibilidade;

4.Apresentao do mapa do sitio;

5.Apresentao de formulrio;

6.Contedo alternativo para imagens;

7.Apresentao de documentos.

O que o e-MAG 3.0

Diviso: 6 sees;

Total de 45 recomendaes (Todas so importantes);

Referncia ao padro WCAG nas recomendaes.

Recomendaes de acessibilidade

Modelo e-MAG 3.0

1 - Marcao9 (nove) recomendaes;

1 Respeitar os Padres de Desenvolvimento Web2 Organizar o Cdigo HTML de Forma Lgica e Semntica3 Utilizar Corretamente os Nveis De Cabealho4 Ordenar de Forma Lgica e Intuitiva a Leitura e Tabulao5 Disponibilizar todas as Funes da Pgina Via Teclado6 Fornecer ncoras para Ir Direto a um Bloco de Contedo7 No Utilizar Tabelas para Diagramao8 Separar Links Adjacentes9 No Abrir Novas Instncias sem a Solicitao do Usurio

Modelo e-MAG 3.0

1 - Marcao9 (nove) recomendaes;

Retirar alguns exemplos da avaliao para ilustrar as recomendaes dessa seo.

Novas instncias...

Modelo e-MAG 3.0

2 - Comportamento (DOM)6 (seis) recomendaes;

10 Garantir que os Objetos Programveis Sejam Acessveis11 - No Criar Pginas com Atualizao Automtica Peridica12 No Utilizar Redirecionamento Automtico de Pginas13 Fornecer Alternativa para Modificar Limite de Tempo14 No Incluir Situaes com Intermitncia de Tela15 Assegurar o Controle do Usurio sobre as Alteraes Temporais do Contedo

Modelo e-MAG 3.0

3 - Contedo/Informao12 (Doze) recomendaes

16 Identificar o Idioma Principal da Pgina17 Oferecer um Ttulo Descritivo e Informativo Pgina18 Disponibilizar Informao sobre a Localizao do Usurio na Pgina19 Descrever Links Clara e Sucintamente20 Fornecer Alternativa em Texto para as Imagens do Stio21 Fornecer Alternativa em texto Para As Zonas Ativas de Mapa de Imagem22 Disponibilizar Documentos em Formatos Acessveis23 Em Tabelas, Utilizar Ttulos e Resumos de Forma Apropriada24 Associar Clulas de Dados s Clulas de Cabealho em uma Tabela25 Garantir a Leitura e Compreenso das Informaes26 Disponibilizar uma Explicao para Siglas, Abreviaturas e Palavras Incomuns27 Informar Mudana de Idioma no Contedo

Modelo e-MAG 3.0

4 - Apresentao/Design5 (cinco) recomendaes;

28 - Oferecer Contraste Mnimo entre Plano de Fundo e Primeiro Plano29 No Utilizar Apenas Cor ou Outras Caractersticas Sensoriais para Diferenciar Elementos30 Permitir Redimensionamento de Texto sem Perda de Funcionalidade31 Dividir as reas de Informao32 Possibilitar que o Elemento com Foco Seja Visualmente Evidente

Modelo e-MAG 3.0

5 - Multimdia5 (cinco) recomendaes;

33 Fornecer Alternativa para Vdeo34 Fornecer Alternativa para udio35 Oferecer Audiodescrio para Vdeo Pr-Gravado36 Fornecer Controle de udio para Som37 Fornecer Controle de Animao

Modelo e-MAG 3.0

6 - Formulrios8 (oito) recomendaes;

38 Fornecer Alternativa em Texto para os Botes de Imagem de Formulrios39 Associar Etiquetas aos Seus Campos40 Estabelecer uma Ordem Lgica de Navegao41 No Provocar Automaticamente Alterao no Contexto42 Fornecer Instrues para Entrada de Dados44 Agrupar Campos de Formulrio45 Fornecer Captcha Humano

Testes de acessibilidade:

Realizar validao automtica (ASES);

Realizar validao humana (navegao por teclado, leitores de tela, checklists de validao);

Testar testes de navegao com diferentes usurios.

Avaliao de Acessibilidade em 200 stios e e-servios do Governo Federal

Realizada no segundo semestre de 2010 pelo Ncleo de Acessibilidade Virtual da RENAPI
Escopo: 200 stios e e-servios (governo federal);

Amostra no probabilstica.

Objetivo: Testar o checklist manual;

Buscar os problemas mais comuns em acessibilidade digital no governo federal.

Avaliao de Acessibilidade em 200 stios e e-servios do Governo Federal

Etapas:- Validao automtica;- Validao Humana.

Instrumentos:- WebAIM,- Checklist manual.

Tecnologias:- Ubuntu 9.04 e Windows XP SP- NVDA 2009-RC2- Internet Explorer 8.0- Firefox 3.6.

1
Em 95% das pginas os links no apresentam descries curtas e objetivas ou no identificam o destino ao qual remetem;

2 93% das pginas no possuem as camadas lgicas organizadas;

3 89% das pginas no tem a opo de alto contraste ou esta no est funcionando;

Resultados: Ranking dos 10 erros com maior incidncia

4 86% das imagens no esto corretamente identificadas;

5 Em 86% das pginas h ausncia de links indicadores;

6
82% das estruturas das pginas no esto uniformes;

7 80% dos ttulos no apresentam uma ordem lgica;



8 78% das pginas no tem atalhos para facilitar a navegao, ou os mesmos no esto descritos corretamente;

9 Em 77% das pginas a leitura das palavras no est sendo compreendida;

10 72% das tabelas foram implementadas de forma incorreta.

tela de certificado invalidoOutros testes foram realizados para captar particularidades do govero federal, como o uso de CAPTCHAS, urls complexas e o certificado padro do governo fornecido pelo ITI (que se comprovou inacessvel).

Vejamos agora um exemplo de luta e perseverana, mais um brasileiro que precisa que respeitemos os seus direitos.

http://rederecord.r7.com/video/nadador-de-9-anos-sonha-em-participar-de-paraolimpiadas-4fb7b12892bbb4900c5e672e/

Acessibilidade 7 mitos e 1 equvoco por Leda Spelta

Mito 1

"Acessibilidade Web s para deficientes visuais."

Temor oculto: "Imagina o trabalho que vai dar, fazer acessibilidade para todo mundo!"

Mito 2

"Na prtica, o nmero de usurios beneficiados com a acessibilidade relativamente muito pequeno."

Temor oculto: "Esse negcio de acessibilidade muito investimento para pouco retorno."


Mito 3

"Fazer um site acessvel demora e custa caro."

Temor oculto: No estarei empregando mal os recursos que tenho, ao fazer acessibilidade? No vou ficar no prejuzo?


Mito 4

" melhor fazer uma pgina especial para os deficientes visuais."

Temor oculto: "A gente no vai conseguir fazer uma pgina acessvel, que seja to bonita e funcional como a nossa."


Mito 5

"Um site acessvel a deficientes visuais no bonito."

Temor oculto: "S sei fazer sites bonitos usando tecnologias inacessveis; de fato, no sei exatamente quais so os elementos visuais que atrapalham a acessibilidade. Por isso, quando tenho que fazer um site acessvel, fao sempre o arroz com feijo."


Mito 6

Vamos por partes: primeiro fazemos o site, depois fazemos acessibilidade."

Temor oculto: "No vamos conseguir fazer um site acessvel, com o tempo, os recursos e a equipe que temos."


Mito 7

"A gente sabe o que bom para o usurio."

Temor oculto: "No quero expor meu projeto s crticas."


Equvoco

"Meu site direcionado a um pblico especfico; ele no interessa a todos os grupos de usurios."

Quando restringimos o acesso do nosso site ao que julgamos serem as caractersticas do seu pblico alvo, estamos, na prtica, usando a internet para limitar o nosso pblico, ao invs de ampli-lo.


Fernanda Hoffmann LobatoEdson Santos Leitegovernoeletronico.gov.brTwitter: @[email protected]@planejamento.gov.br+55 (61) 2020 1738

Coluna 2Coluna 3

Linha 1NaN3.24.54

Linha 2NaN8.89.65

Linha 3NaN1.53.7

Linha 4NaN9.026.2

governoeletronico.gov.br

de

De 52

MINISTRIO DO PLANEJAMENTO

MINISTRIO DO PLANEJAMENTO

conheça o e-mag

Technology