Top Banner
e-Mag Modelo de Acessibilidade do Governo Eletrônico Reinaldo Ferraz – NIC.br
37

Padrões em Governo Eletrônico - acessibilidade e e-MAG

Jul 07, 2015

Download

Technology

GovBR

Palestra ministrada por Reinaldo Ferraz do NIC.Br sobre acessibilidade e o Modelo Brasileiro de Acessibilidade em Governo Eletrônico. Evento 13º Edição da Conferência sobre Portais Corporativos, 28 de abril 2011
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Padrões em Governo Eletrônico - acessibilidade e e-MAG

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

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

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

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

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

Acessibilidade, para quem?

Page 7: Padrões em Governo Eletrônico - acessibilidade e e-MAG

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

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

Um pouco do E-mag

Page 10: Padrões em Governo Eletrônico - acessibilidade e e-MAG

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

Um pouco do E-mag

Vídeos com legendas

Page 12: Padrões em Governo Eletrônico - acessibilidade e e-MAG

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

Um pouco do E-mag

Michele é surda

Page 14: Padrões em Governo Eletrônico - acessibilidade e e-MAG

Um pouco do E-mag

Sem CSSe imagens

Foto: Flickr.com - Baddog_

Page 15: Padrões em Governo Eletrônico - acessibilidade e e-MAG

Já testou o seu site?

Ou mesmo sem monitor

Page 16: Padrões em Governo Eletrônico - acessibilidade e e-MAG

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

Um pouco do E-mag

Page 18: Padrões em Governo Eletrônico - acessibilidade e e-MAG

Um pouco do e-mag

Leda é cega

(cortesia Horácio Soares)

Page 19: Padrões em Governo Eletrônico - acessibilidade e e-MAG

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

Um pouco do e-mag

Page 21: Padrões em Governo Eletrônico - acessibilidade e e-MAG

Um pouco do e-mag

Luiz tem baixa visão

Page 22: Padrões em Governo Eletrônico - acessibilidade e e-MAG

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

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 24: Padrões em Governo Eletrônico - acessibilidade e e-MAG

306,25 x o Estádio do Morumbi lotado

Page 25: Padrões em Governo Eletrônico - acessibilidade e e-MAG

Estatísticas - WebAim

Fonte: WebAim - http://webaim.org/projects/screenreadersurvey3

Page 26: Padrões em Governo Eletrônico - acessibilidade e e-MAG

Estatísticas - WebAim

Fonte: WebAim - http://webaim.org/projects/screenreadersurvey3/#browsers

Page 27: Padrões em Governo Eletrônico - acessibilidade e e-MAG

Estatísticas - WebAim

Fonte: WebAim - http://webaim.org/projects/screenreadersurvey3/# longdesc

Page 28: Padrões em Governo Eletrônico - acessibilidade e e-MAG

Acessibilidade na web: A quem se destina?

Page 29: Padrões em Governo Eletrônico - acessibilidade e e-MAG

Acessibilidade na web: A quem se destina?

Acessibilidade é para todos !

Page 30: Padrões em Governo Eletrônico - acessibilidade e e-MAG

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

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

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

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

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

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

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/

Page 37: Padrões em Governo Eletrônico - acessibilidade e e-MAG

Obrigado

Reinaldo FerrazNIC.br

[email protected]

Twitter: @reinaldoferraz