SlideShare uma empresa Scribd logo
1 de 37
Baixar para ler offline
e-Mag

Modelo de Acessibilidade
 do Governo Eletrônico




   Reinaldo Ferraz – NIC.br
Participação do NIC.br




Instituição responsável pela
gestão do “.br”
Participação do NIC.br




Instituição responsável pela gestão do “.br”
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.
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 2005
    Versão 3.0 – Previsão para Junho de 2011
Acessibilidade, para quem?
Um pouco do E-mag

Acessível via teclado




                   Foto: Flickr.com - Baddog_
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"
Um pouco do E-mag
Um pouco do E-mag


     João é
   tetraplégico




  Foto de Maíra Soares
(cortesia Horácio Soares)
Um pouco do E-mag

Vídeos com legendas
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).
Um pouco do E-mag




Michele é
  surda
Um pouco do E-mag



Sem CSS
e imagens




              Foto: Flickr.com - Baddog_
Já testou o seu site?




Ou mesmo sem monitor
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.
Um pouco do E-mag
Um pouco do e-mag

 Leda é cega




(cortesia Horácio Soares)
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.
Um pouco do e-mag
Um pouco do e-mag

Luiz tem baixa visão
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...
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
306,25 x o Estádio do Morumbi lotado
Estatísticas - WebAim




Fonte: WebAim - http://webaim.org/projects/screenreadersurvey3
Estatísticas - WebAim




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




Fonte: WebAim - http://webaim.org/projects/screenreadersurvey3/# longdesc
Acessibilidade na web: A quem se destina?
Acessibilidade na web: A quem se destina?




Acessibilidade é para todos !
Acessibilidade na web: A quem se destina?
Foto: everystockphoto.com -bartimaeus-




Usuários de Dispositivos Móveis
Acessibilidade na web: A quem se destina?
                        Foto: Flickr.com - Tuftronic10000




Deficiência temporária
Acessibilidade na web: A quem se destina?




                                                 Medo de usar o
                                                   computador



Foto: everystockphoto.com - Violator3
Acessibilidade na web: A quem se destina?


 Motivos pelos quais nunca utilizou a internet



                      53%
 Falta de habilidade com o
     computador/internet
Pessoas que nunca acessaram a internet, mas usaram um computador.
           Fonte: Pesquisa TIC Domicílios 2009 – CGI.br
Acessibilidade na web: A quem se destina?

Início de aprendizado




Nosso primeiro contato
Acessibilidade na web: A quem se destina?



Idade Avançada




  Nós, daqui
    alguns
     anos
                             Foto: Flickr.com - Jacob Bøtter
Acessibilidade na web: A quem se destina?


 Número de pessoas com
    60 anos ou mais
       no mundo:

1950 – 205 milhões
2000 – 606 milhões

    Estimativa para 2050
Quase 2 bilhões de pessoas
com mais de 60 anos.
(+ de 20% da população)
                                                      Foto: Flickr.com - Jacob Bøtter


Fonte: http://www.un.org/esa/population/publications/worldageing19502050/
Obrigado




Reinaldo Ferraz
    NIC.br
    reinaldo@nic.br

Twitter: @reinaldoferraz

Mais conteúdo relacionado

Destaque

Slide 1 conoscenza intuitiva e conoscenza tramite test
Slide 1 conoscenza intuitiva e conoscenza tramite test Slide 1 conoscenza intuitiva e conoscenza tramite test
Slide 1 conoscenza intuitiva e conoscenza tramite test Marco Morra
 
Convegno Interdisciplinare Medico e Psicologo nell'assistenza primaria: una f...
Convegno Interdisciplinare Medico e Psicologo nell'assistenza primaria: una f...Convegno Interdisciplinare Medico e Psicologo nell'assistenza primaria: una f...
Convegno Interdisciplinare Medico e Psicologo nell'assistenza primaria: una f...Marco Morra
 
Composizione osservatorio
Composizione osservatorioComposizione osservatorio
Composizione osservatorioMarco Morra
 
Slide 3 mental testing
Slide 3 mental testingSlide 3 mental testing
Slide 3 mental testingMarco Morra
 
Piano performance2011 2013
Piano performance2011 2013Piano performance2011 2013
Piano performance2011 2013Marco Morra
 
Une Connexion Jusqu'à 100 Méga Put Plusieurs Ordinateurs Des Solutions Inclus...
Une Connexion Jusqu'à 100 Méga Put Plusieurs Ordinateurs Des Solutions Inclus...Une Connexion Jusqu'à 100 Méga Put Plusieurs Ordinateurs Des Solutions Inclus...
Une Connexion Jusqu'à 100 Méga Put Plusieurs Ordinateurs Des Solutions Inclus...callousearnings47
 
Clinical and experimental studies regarding the expression and diagnostic val...
Clinical and experimental studies regarding the expression and diagnostic val...Clinical and experimental studies regarding the expression and diagnostic val...
Clinical and experimental studies regarding the expression and diagnostic val...Enrique Moreno Gonzalez
 
Cholestasis induces reversible accumulation of periplakin in mouse liver
Cholestasis induces reversible accumulation of periplakin in mouse liverCholestasis induces reversible accumulation of periplakin in mouse liver
Cholestasis induces reversible accumulation of periplakin in mouse liverEnrique Moreno Gonzalez
 
Html5 telefonica-curso
Html5 telefonica-cursoHtml5 telefonica-curso
Html5 telefonica-cursoJuan Quemada
 

Destaque (11)

Slide 1 conoscenza intuitiva e conoscenza tramite test
Slide 1 conoscenza intuitiva e conoscenza tramite test Slide 1 conoscenza intuitiva e conoscenza tramite test
Slide 1 conoscenza intuitiva e conoscenza tramite test
 
Convegno Interdisciplinare Medico e Psicologo nell'assistenza primaria: una f...
Convegno Interdisciplinare Medico e Psicologo nell'assistenza primaria: una f...Convegno Interdisciplinare Medico e Psicologo nell'assistenza primaria: una f...
Convegno Interdisciplinare Medico e Psicologo nell'assistenza primaria: una f...
 
Composizione osservatorio
Composizione osservatorioComposizione osservatorio
Composizione osservatorio
 
Linkness - your choice for web marketing
Linkness - your choice for web marketingLinkness - your choice for web marketing
Linkness - your choice for web marketing
 
Slide 3 mental testing
Slide 3 mental testingSlide 3 mental testing
Slide 3 mental testing
 
Portables
Portables
Portables
Portables
 
Piano performance2011 2013
Piano performance2011 2013Piano performance2011 2013
Piano performance2011 2013
 
Une Connexion Jusqu'à 100 Méga Put Plusieurs Ordinateurs Des Solutions Inclus...
Une Connexion Jusqu'à 100 Méga Put Plusieurs Ordinateurs Des Solutions Inclus...Une Connexion Jusqu'à 100 Méga Put Plusieurs Ordinateurs Des Solutions Inclus...
Une Connexion Jusqu'à 100 Méga Put Plusieurs Ordinateurs Des Solutions Inclus...
 
Clinical and experimental studies regarding the expression and diagnostic val...
Clinical and experimental studies regarding the expression and diagnostic val...Clinical and experimental studies regarding the expression and diagnostic val...
Clinical and experimental studies regarding the expression and diagnostic val...
 
Cholestasis induces reversible accumulation of periplakin in mouse liver
Cholestasis induces reversible accumulation of periplakin in mouse liverCholestasis induces reversible accumulation of periplakin in mouse liver
Cholestasis induces reversible accumulation of periplakin in mouse liver
 
Html5 telefonica-curso
Html5 telefonica-cursoHtml5 telefonica-curso
Html5 telefonica-curso
 

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

Panorama da Acessibilidade nas redes sociais
Panorama da Acessibilidade nas redes sociaisPanorama da Acessibilidade nas redes sociais
Panorama da Acessibilidade nas redes sociaisReinaldo Ferraz
 
Acessibilidade na Web - CPBR Recife 2012
Acessibilidade na Web - CPBR Recife 2012Acessibilidade na Web - CPBR Recife 2012
Acessibilidade na Web - CPBR Recife 2012Reinaldo Ferraz
 
Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Rodrigo Leme
 
Internet e Segurança - Direito e Tecnologia da Informação - Dicas de segurança
Internet e Segurança - Direito e Tecnologia da Informação - Dicas de segurançaInternet e Segurança - Direito e Tecnologia da Informação - Dicas de segurança
Internet e Segurança - Direito e Tecnologia da Informação - Dicas de segurançaW. Gabriel de Oliveira
 
Aplicações de Governo Eletrônico - Tecnologias Assistivas com Software Livre
 Aplicações de Governo Eletrônico - Tecnologias Assistivas com Software Livre Aplicações de Governo Eletrônico - Tecnologias Assistivas com Software Livre
Aplicações de Governo Eletrônico - Tecnologias Assistivas com Software LivreGovBR
 
Acessibilidade Comunicacional
Acessibilidade ComunicacionalAcessibilidade Comunicacional
Acessibilidade ComunicacionalGovBR
 
Acessibilidade e e-MAG
Acessibilidade e e-MAGAcessibilidade e e-MAG
Acessibilidade e e-MAGGovBR
 
Aula_Internet 1 - 2012.pptx
Aula_Internet 1 - 2012.pptxAula_Internet 1 - 2012.pptx
Aula_Internet 1 - 2012.pptxssuser948499
 
Palestra na Unirio - Tese de Doutorado
Palestra na Unirio - Tese de DoutoradoPalestra na Unirio - Tese de Doutorado
Palestra na Unirio - Tese de DoutoradoLuiz Agner
 
Aula_Internet 1 - 2012.pdf
Aula_Internet 1 - 2012.pdfAula_Internet 1 - 2012.pdf
Aula_Internet 1 - 2012.pdfJoaquina30
 
Brazilian´s Army - 2008.11.10
Brazilian´s Army -  2008.11.10Brazilian´s Army -  2008.11.10
Brazilian´s Army - 2008.11.10Plínio Okamoto
 
Bibliotecas de hoje e do futuro::como entender e vivenciar a atual revolução ...
Bibliotecas de hoje e do futuro::como entender e vivenciar a atual revolução ...Bibliotecas de hoje e do futuro::como entender e vivenciar a atual revolução ...
Bibliotecas de hoje e do futuro::como entender e vivenciar a atual revolução ...Suelybcs .
 
A1Br.org - O primeiro portal acessivel do Brasil
A1Br.org -  O primeiro portal acessivel do BrasilA1Br.org -  O primeiro portal acessivel do Brasil
A1Br.org - O primeiro portal acessivel do BrasilLuiz Guilherme Cruz
 
Acessibilidade nas mídias digitais
Acessibilidade nas mídias digitaisAcessibilidade nas mídias digitais
Acessibilidade nas mídias digitaisFabíola Calixto
 
Percepções sobre mídias sociais e números do mercado brasileiro
Percepções sobre mídias sociais e números do mercado brasileiroPercepções sobre mídias sociais e números do mercado brasileiro
Percepções sobre mídias sociais e números do mercado brasileiroEdney Souza
 

Semelhante a Padrões em Governo Eletrônico - acessibilidade e e-MAG (20)

Panorama da Acessibilidade nas redes sociais
Panorama da Acessibilidade nas redes sociaisPanorama da Acessibilidade nas redes sociais
Panorama da Acessibilidade nas redes sociais
 
Acessibilidade na Web - CPBR Recife 2012
Acessibilidade na Web - CPBR Recife 2012Acessibilidade na Web - CPBR Recife 2012
Acessibilidade na Web - CPBR Recife 2012
 
Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)
 
Internet e Segurança - Direito e Tecnologia da Informação - Dicas de segurança
Internet e Segurança - Direito e Tecnologia da Informação - Dicas de segurançaInternet e Segurança - Direito e Tecnologia da Informação - Dicas de segurança
Internet e Segurança - Direito e Tecnologia da Informação - Dicas de segurança
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Aplicações de Governo Eletrônico - Tecnologias Assistivas com Software Livre
 Aplicações de Governo Eletrônico - Tecnologias Assistivas com Software Livre Aplicações de Governo Eletrônico - Tecnologias Assistivas com Software Livre
Aplicações de Governo Eletrônico - Tecnologias Assistivas com Software Livre
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Acessibilidade Comunicacional
Acessibilidade ComunicacionalAcessibilidade Comunicacional
Acessibilidade Comunicacional
 
Acessibilidade e e-MAG
Acessibilidade e e-MAGAcessibilidade e e-MAG
Acessibilidade e e-MAG
 
Aula_Internet 1 - 2012.pptx
Aula_Internet 1 - 2012.pptxAula_Internet 1 - 2012.pptx
Aula_Internet 1 - 2012.pptx
 
Palestra na Unirio - Tese de Doutorado
Palestra na Unirio - Tese de DoutoradoPalestra na Unirio - Tese de Doutorado
Palestra na Unirio - Tese de Doutorado
 
Aula_Internet 1 - 2012.pdf
Aula_Internet 1 - 2012.pdfAula_Internet 1 - 2012.pdf
Aula_Internet 1 - 2012.pdf
 
Brazilian´s Army - 2008.11.10
Brazilian´s Army -  2008.11.10Brazilian´s Army -  2008.11.10
Brazilian´s Army - 2008.11.10
 
Aula internet
Aula internetAula internet
Aula internet
 
Bibliotecas de hoje e do futuro::como entender e vivenciar a atual revolução ...
Bibliotecas de hoje e do futuro::como entender e vivenciar a atual revolução ...Bibliotecas de hoje e do futuro::como entender e vivenciar a atual revolução ...
Bibliotecas de hoje e do futuro::como entender e vivenciar a atual revolução ...
 
A1Br.org - O primeiro portal acessivel do Brasil
A1Br.org -  O primeiro portal acessivel do BrasilA1Br.org -  O primeiro portal acessivel do Brasil
A1Br.org - O primeiro portal acessivel do Brasil
 
Tudo sobre Internet
Tudo sobre InternetTudo sobre Internet
Tudo sobre Internet
 
Webseriados
WebseriadosWebseriados
Webseriados
 
Acessibilidade nas mídias digitais
Acessibilidade nas mídias digitaisAcessibilidade nas mídias digitais
Acessibilidade nas mídias digitais
 
Percepções sobre mídias sociais e números do mercado brasileiro
Percepções sobre mídias sociais e números do mercado brasileiroPercepções sobre mídias sociais e números do mercado brasileiro
Percepções sobre mídias sociais e números do mercado brasileiro
 

Mais de GovBR

"A Tecnologia em prol da acessibilidade: construindo uma WEB acessível a todos"
"A Tecnologia em prol da acessibilidade: construindo uma WEB acessível a todos""A Tecnologia em prol da acessibilidade: construindo uma WEB acessível a todos"
"A Tecnologia em prol da acessibilidade: construindo uma WEB acessível a todos"GovBR
 
Identidade Padrão de Comunicação Digital do Governo Federal
Identidade Padrão de Comunicação Digital do Governo FederalIdentidade Padrão de Comunicação Digital do Governo Federal
Identidade Padrão de Comunicação Digital do Governo FederalGovBR
 
Acessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticasAcessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticasGovBR
 
“Guia Turismo Acessível” um País onde Todos podem Viajar!
“Guia Turismo Acessível” um País onde Todos podem Viajar!“Guia Turismo Acessível” um País onde Todos podem Viajar!
“Guia Turismo Acessível” um País onde Todos podem Viajar!GovBR
 
Destaques e Melhorias da Nova Versão do eMAG
Destaques e Melhorias da Nova Versão do eMAG Destaques e Melhorias da Nova Versão do eMAG
Destaques e Melhorias da Nova Versão do eMAG GovBR
 
O Governo Eletrônico Brasileiro em Perspectiva
O Governo Eletrônico Brasileiro em PerspectivaO Governo Eletrônico Brasileiro em Perspectiva
O Governo Eletrônico Brasileiro em PerspectivaGovBR
 
Modelo Brasileiro de Acessibilidade em Governo Eletrônico
Modelo Brasileiro de Acessibilidade em Governo EletrônicoModelo Brasileiro de Acessibilidade em Governo Eletrônico
Modelo Brasileiro de Acessibilidade em Governo EletrônicoGovBR
 
Sítios Acessiveis
Sítios AcessiveisSítios Acessiveis
Sítios AcessiveisGovBR
 
Relatos da WWW2013
Relatos da WWW2013Relatos da WWW2013
Relatos da WWW2013GovBR
 
Acessibilidade
AcessibilidadeAcessibilidade
AcessibilidadeGovBR
 
Desenvolvimento de Interfaces Web e Segurança de Certificados e Assinaturas D...
Desenvolvimento de Interfaces Web e Segurança de Certificados e Assinaturas D...Desenvolvimento de Interfaces Web e Segurança de Certificados e Assinaturas D...
Desenvolvimento de Interfaces Web e Segurança de Certificados e Assinaturas D...GovBR
 
Interoperabilidade Semântica e Trabalho em Rede
 Interoperabilidade Semântica e Trabalho em Rede Interoperabilidade Semântica e Trabalho em Rede
Interoperabilidade Semântica e Trabalho em RedeGovBR
 
Guia de Serviços Públicos do Governo Federal
Guia de Serviços Públicos do Governo FederalGuia de Serviços Públicos do Governo Federal
Guia de Serviços Públicos do Governo FederalGovBR
 
Integração de Protocolos do Governo Federal
Integração de Protocolos do Governo FederalIntegração de Protocolos do Governo Federal
Integração de Protocolos do Governo FederalGovBR
 
Cartilha do SICONV
Cartilha do SICONVCartilha do SICONV
Cartilha do SICONVGovBR
 
Cartilha do Software Público Brasileiro
Cartilha do Software Público BrasileiroCartilha do Software Público Brasileiro
Cartilha do Software Público BrasileiroGovBR
 
Siconv - Sistema de Gestão de Convênios e Contratos de Repasse
Siconv - Sistema de Gestão de Convênios e Contratos de RepasseSiconv - Sistema de Gestão de Convênios e Contratos de Repasse
Siconv - Sistema de Gestão de Convênios e Contratos de RepasseGovBR
 
Novo Paradigma das Compras Governamentais
Novo Paradigma das Compras GovernamentaisNovo Paradigma das Compras Governamentais
Novo Paradigma das Compras GovernamentaisGovBR
 
Software Público Brasileiro, 4CMBR e Dados Abertos
Software Público Brasileiro, 4CMBR e Dados AbertosSoftware Público Brasileiro, 4CMBR e Dados Abertos
Software Público Brasileiro, 4CMBR e Dados AbertosGovBR
 
Acessibilidade na Web: Implementando Serviços Públicos Municipais Acessíveis ...
Acessibilidade na Web: Implementando Serviços Públicos Municipais Acessíveis ...Acessibilidade na Web: Implementando Serviços Públicos Municipais Acessíveis ...
Acessibilidade na Web: Implementando Serviços Públicos Municipais Acessíveis ...GovBR
 

Mais de GovBR (20)

"A Tecnologia em prol da acessibilidade: construindo uma WEB acessível a todos"
"A Tecnologia em prol da acessibilidade: construindo uma WEB acessível a todos""A Tecnologia em prol da acessibilidade: construindo uma WEB acessível a todos"
"A Tecnologia em prol da acessibilidade: construindo uma WEB acessível a todos"
 
Identidade Padrão de Comunicação Digital do Governo Federal
Identidade Padrão de Comunicação Digital do Governo FederalIdentidade Padrão de Comunicação Digital do Governo Federal
Identidade Padrão de Comunicação Digital do Governo Federal
 
Acessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticasAcessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticas
 
“Guia Turismo Acessível” um País onde Todos podem Viajar!
“Guia Turismo Acessível” um País onde Todos podem Viajar!“Guia Turismo Acessível” um País onde Todos podem Viajar!
“Guia Turismo Acessível” um País onde Todos podem Viajar!
 
Destaques e Melhorias da Nova Versão do eMAG
Destaques e Melhorias da Nova Versão do eMAG Destaques e Melhorias da Nova Versão do eMAG
Destaques e Melhorias da Nova Versão do eMAG
 
O Governo Eletrônico Brasileiro em Perspectiva
O Governo Eletrônico Brasileiro em PerspectivaO Governo Eletrônico Brasileiro em Perspectiva
O Governo Eletrônico Brasileiro em Perspectiva
 
Modelo Brasileiro de Acessibilidade em Governo Eletrônico
Modelo Brasileiro de Acessibilidade em Governo EletrônicoModelo Brasileiro de Acessibilidade em Governo Eletrônico
Modelo Brasileiro de Acessibilidade em Governo Eletrônico
 
Sítios Acessiveis
Sítios AcessiveisSítios Acessiveis
Sítios Acessiveis
 
Relatos da WWW2013
Relatos da WWW2013Relatos da WWW2013
Relatos da WWW2013
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Desenvolvimento de Interfaces Web e Segurança de Certificados e Assinaturas D...
Desenvolvimento de Interfaces Web e Segurança de Certificados e Assinaturas D...Desenvolvimento de Interfaces Web e Segurança de Certificados e Assinaturas D...
Desenvolvimento de Interfaces Web e Segurança de Certificados e Assinaturas D...
 
Interoperabilidade Semântica e Trabalho em Rede
 Interoperabilidade Semântica e Trabalho em Rede Interoperabilidade Semântica e Trabalho em Rede
Interoperabilidade Semântica e Trabalho em Rede
 
Guia de Serviços Públicos do Governo Federal
Guia de Serviços Públicos do Governo FederalGuia de Serviços Públicos do Governo Federal
Guia de Serviços Públicos do Governo Federal
 
Integração de Protocolos do Governo Federal
Integração de Protocolos do Governo FederalIntegração de Protocolos do Governo Federal
Integração de Protocolos do Governo Federal
 
Cartilha do SICONV
Cartilha do SICONVCartilha do SICONV
Cartilha do SICONV
 
Cartilha do Software Público Brasileiro
Cartilha do Software Público BrasileiroCartilha do Software Público Brasileiro
Cartilha do Software Público Brasileiro
 
Siconv - Sistema de Gestão de Convênios e Contratos de Repasse
Siconv - Sistema de Gestão de Convênios e Contratos de RepasseSiconv - Sistema de Gestão de Convênios e Contratos de Repasse
Siconv - Sistema de Gestão de Convênios e Contratos de Repasse
 
Novo Paradigma das Compras Governamentais
Novo Paradigma das Compras GovernamentaisNovo Paradigma das Compras Governamentais
Novo Paradigma das Compras Governamentais
 
Software Público Brasileiro, 4CMBR e Dados Abertos
Software Público Brasileiro, 4CMBR e Dados AbertosSoftware Público Brasileiro, 4CMBR e Dados Abertos
Software Público Brasileiro, 4CMBR e Dados Abertos
 
Acessibilidade na Web: Implementando Serviços Públicos Municipais Acessíveis ...
Acessibilidade na Web: Implementando Serviços Públicos Municipais Acessíveis ...Acessibilidade na Web: Implementando Serviços Públicos Municipais Acessíveis ...
Acessibilidade na Web: Implementando Serviços Públicos Municipais Acessíveis ...
 

Último

ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx2m Assessoria
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx2m Assessoria
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx2m Assessoria
 
Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfSamaraLunas
 
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docxATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx2m Assessoria
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploDanilo Pinotti
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx2m Assessoria
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuisKitota
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsDanilo Pinotti
 

Último (9)

ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docxATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 

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

  • 1. e-Mag Modelo de Acessibilidade do Governo Eletrônico Reinaldo Ferraz – NIC.br
  • 2. Participação do NIC.br Instituição responsável pela gestão do “.br”
  • 3. Participação do NIC.br Instituição responsável pela gestão do “.br”
  • 4. 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.
  • 5. 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 2005 Versão 3.0 – Previsão para Junho de 2011
  • 7. Um pouco do E-mag Acessível via teclado Foto: Flickr.com - Baddog_
  • 8. 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"
  • 9. Um pouco do E-mag
  • 10. Um pouco do E-mag João é tetraplégico Foto de Maíra Soares (cortesia Horácio Soares)
  • 11. Um pouco do E-mag Vídeos com legendas
  • 12. 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).
  • 13. Um pouco do E-mag Michele é surda
  • 14. Um pouco do E-mag Sem CSS e imagens Foto: Flickr.com - Baddog_
  • 15. Já testou o seu site? Ou mesmo sem monitor
  • 16. 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.
  • 17. Um pouco do E-mag
  • 18. Um pouco do e-mag Leda é cega (cortesia Horácio Soares)
  • 19. 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.
  • 20. Um pouco do e-mag
  • 21. Um pouco do e-mag Luiz tem baixa visão
  • 22. 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...
  • 23. 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
  • 24. 306,25 x o Estádio do Morumbi lotado
  • 25. Estatísticas - WebAim Fonte: WebAim - http://webaim.org/projects/screenreadersurvey3
  • 26. Estatísticas - WebAim Fonte: WebAim - http://webaim.org/projects/screenreadersurvey3/#browsers
  • 27. Estatísticas - WebAim Fonte: WebAim - http://webaim.org/projects/screenreadersurvey3/# longdesc
  • 28. Acessibilidade na web: A quem se destina?
  • 29. Acessibilidade na web: A quem se destina? Acessibilidade é para todos !
  • 30. Acessibilidade na web: A quem se destina? Foto: everystockphoto.com -bartimaeus- Usuários de Dispositivos Móveis
  • 31. Acessibilidade na web: A quem se destina? Foto: Flickr.com - Tuftronic10000 Deficiência temporária
  • 32. Acessibilidade na web: A quem se destina? Medo de usar o computador Foto: everystockphoto.com - Violator3
  • 33. Acessibilidade na web: A quem se destina? Motivos pelos quais nunca utilizou a internet 53% Falta de habilidade com o computador/internet Pessoas que nunca acessaram a internet, mas usaram um computador. Fonte: Pesquisa TIC Domicílios 2009 – CGI.br
  • 34. Acessibilidade na web: A quem se destina? Início de aprendizado Nosso primeiro contato
  • 35. Acessibilidade na web: A quem se destina? Idade Avançada Nós, daqui alguns anos Foto: Flickr.com - Jacob Bøtter
  • 36. Acessibilidade na web: A quem se destina? Número de pessoas com 60 anos ou mais no mundo: 1950 – 205 milhões 2000 – 606 milhões Estimativa para 2050 Quase 2 bilhões de pessoas com mais de 60 anos. (+ de 20% da população) Foto: Flickr.com - Jacob Bøtter Fonte: http://www.un.org/esa/population/publications/worldageing19502050/
  • 37. Obrigado Reinaldo Ferraz NIC.br reinaldo@nic.br Twitter: @reinaldoferraz