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

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

  • Upload
    govbr

  • View
    734

  • Download
    5

Embed Size (px)

DESCRIPTION

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

Citation preview

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