SlideShare una empresa de Scribd logo
1 de 33
Descargar para leer sin conexión
Proponente: Victor Adriel de J. Oliveira
 Construção de uma extensão para o
navegador Google Chrome para validação
automática de páginas Web segundo o
Modelo de Acessibilidade de Governo
Eletrônico (e-MAG).
 Acessibilidade à Web
◦ Também chamada e-Acessibilidade
 Leis inclusivas
◦ Decreto n° 6949: Convenção Internacional sobre os
Direitos das Pessoas com Deficiência
 Diretrizes de acessibilidade
◦ WCAG (Web Content Accessibility Guidelines)
◦ WCAG Samurai - Joe Clark
◦ e-MAG (Modelo de Acessibilidade de Governo
Eletrônico)
 Acessibilidade à Web
◦ Também chamada e-Acessibilidade
 Leis inclusivas
◦ Decreto n° 6949: Convenção Internacional sobre os
Direitos das Pessoas com Deficiência
 Diretrizes de acessibilidade
◦ WCAG (Web Content Accessibility Guidelines)
◦ WCAG Samurai - Joe Clark
◦ e-MAG (Modelo de Acessibilidade de Governo
Eletrônico)
 Acessibilidade à Web
◦ Também chamada e-Acessibilidade
 Leis inclusivas
◦ Decreto n° 6949: Convenção Internacional sobre os
Direitos das Pessoas com Deficiência
 Diretrizes de acessibilidade
◦ WCAG (Web Content Accessibility Guidelines)
◦ WCAG Samurai - Joe Clark
◦ e-MAG (Modelo de Acessibilidade de Governo
Eletrônico)
 Acessibilidade à Web
◦ Também chamada e-Acessibilidade
 Leis inclusivas
◦ Decreto n° 6949: Convenção Internacional sobre os
Direitos das Pessoas com Deficiência
 Diretrizes de acessibilidade
◦ WCAG (Web Content Accessibility Guidelines)
◦ WCAG Samurai - Joe Clark
◦ e-MAG (Modelo de Acessibilidade de Governo
Eletrônico)
 Acessibilidade à Web
◦ Também chamada e-Acessibilidade
 Leis inclusivas
◦ Decreto n° 6949: Convenção Internacional sobre os
Direitos das Pessoas com Deficiência
 Diretrizes de acessibilidade
◦ WCAG (Web Content Accessibility Guidelines)
◦ WCAG Samurai - Joe Clark
◦ e-MAG (Modelo de Acessibilidade de Governo
Eletrônico)
Decreto nº 5.296:
• Sítios de interesse público devem ser acessíveis
Portaria nº 3, de 7 de maio de 2007:
• Tornou-se obrigatória a observância do e-MAG nos sítios e portais
do governo brasileiro.
 Ferramentas de validação
 Google Chrome
◦ Netmarketshare: Crescimento de 7,03% do no
mercado internacional, de Janeiro a Novembro de
2011
◦ StatCounter: 39,81% de participação no mercado
brasileiro em Novembro de 2011.
 Ferramentas de validação
 Google Chrome
◦ Netmarketshare: Crescimento de 7,03% do no
mercado internacional, de Janeiro a Novembro de
2011
◦ StatCounter: 39,81% de participação no mercado
brasileiro em Novembro de 2011.
 HTML Parser
◦ HTML:
“<p>Non on <a href=‘#’>on non</a></p>”
 HTML Parser
◦ HTML:
“<p>Non on <a href=‘#’>on non</a></p>”
 HTML Parser
◦ HTML:
“<p>Non on <a href=‘#’>on non</a></p>”
 HTML Parser
◦ HTML:
“<p>Non on <a href=‘#’>on non</a></p>”
 HTML Parser
◦ HTML:
<p>Non on “<a href=‘#’>on non</a></p>”
 HTML Parser
◦ HTML:
<p>Non on “<a href=‘#’>on non</a></p>”
 Erros
◦ Detectáveis automaticamente
 Alertas
◦ Dependentes da avaliação manual
 Browser action
Popup com tela principal
 Instalação
Elementos da tela principal
Código fonte em branco
Sem resposta do servidor ou erro de sintaxe
Informações sobre o e-MAG
Tutoriais do Governo Eletrônico e validadores
Informações sobre a extensão e ajuda
 Validação pelo e-MAG v3.0;
 Praticidade;
 Avaliação de páginas localmente;
 Disponibilidade;
 Referências a tutoriais, outras ferramentas,
ao e-MAG e ao sítio do Governo Eletrônico.
 Validação pelo e-MAG v3.0;
 Praticidade;
 Avaliação de páginas localmente;
 Disponibilidade;
 Referências a tutoriais, outras ferramentas,
ao e-MAG e ao sítio do Governo Eletrônico.
 Validação pelo e-MAG v3.0;
 Praticidade;
 Avaliação de páginas localmente;
 Disponibilidade;
 Referências a tutoriais, outras ferramentas,
ao e-MAG e ao sítio do Governo Eletrônico.
 Validação pelo e-MAG v3.0;
 Praticidade;
 Avaliação de páginas localmente;
 Disponibilidade;
 Referências a tutoriais, outras ferramentas,
ao e-MAG e ao sítio do Governo Eletrônico.
 Validação pelo e-MAG v3.0;
 Praticidade;
 Avaliação de páginas localmente;
 Disponibilidade;
 Referências a tutoriais, outras ferramentas,
ao e-MAG e ao sítio do Governo Eletrônico.
 Validação pelo e-MAG v3.0;
 Praticidade;
 Avaliação de páginas localmente;
 Disponibilidade;
 Referências a tutoriais, outras ferramentas,
ao e-MAG e ao sítio do Governo Eletrônico.
 Importância da avaliação automática
 Escaneamento rápido a partir do e-MAG
(eScanner)
 BRASIL. Decreto Legislativo nº 186, de 9 julho de 2008. Brasília, DF, 10 jul. 2008.
Diário Oficial da União, Seção 1, Edição 131, p. 1.
 BRASIL. Decreto nº 5296, de 2 de dezembro de 2004. Brasília, DF, 03 dez. 2004.
Diário Oficial da União, Seção 1, p. 5, capítulo III, artigo 80.
 BRASIL. e-MAG Modelo de Acessibilidade em Governo Eletrônico. Brasília, 2011.
Disponível em: <http://www.governoeletronico.gov.br/biblioteca/arquivos/e-
mag-3.0/download>. Acesso em: 1 jan. 2012
 BRASIL. Lei nº 8.213, de 24 de Julho de 1991. Brasília, DF, 07 jul. 1991. Diário
Oficial da União.
 BRASIL. Projeto de Decreto Legislativo n° 563, de 2008: Convenção da ONU sobre
os direitos da pessoa com deficiência. Brasília, DF, 28 mai. 2008. Disponível em:
<http://www.swbrasil.org.br/uploads/download/f2433247cb5c50d8a43
8bf59c783db9a582f3518.pdf>. Acesso em: 2 jan. 2012.
 FERREIRA, S. B. L.; NUNES, R. R. e-Usabilidade. Rio de Janeiro: LTC, 2008.
 NETMARKETSHARE. Disponível em: <http://www.netmarketshare.com/browser-
market-share.aspx?qprid=1&qpcustomb=0>. Acesso em: 31 dez. 2011.
 NICÁCIO, J. M. Técnicas de acessibilidade: criando uma Web para todos. Maceió:
EDUFAL, 2010.
 NIELSEN, J.; LORANGER, H. Usabilidade na web: Projetando Websites com
qualidade. Tradução: Edson Furmankiewicz e Carlos Schafranski. Rio de Janeiro:
Elsevier, 2007.

Más contenido relacionado

Similar a eScanner

Acessibilidade Web – Cidade de Barueri - Setembro 2013
Acessibilidade Web – Cidade de Barueri - Setembro 2013Acessibilidade Web – Cidade de Barueri - Setembro 2013
Acessibilidade Web – Cidade de Barueri - Setembro 2013
Hudson Augusto
 
Acessibilidade Web – Cidade de Pirassununga - Setembro 2013
Acessibilidade Web – Cidade de Pirassununga - Setembro 2013Acessibilidade Web – Cidade de Pirassununga - Setembro 2013
Acessibilidade Web – Cidade de Pirassununga - Setembro 2013
Hudson Augusto
 

Similar a eScanner (20)

Padrões em Governo Eletrônico
Padrões em Governo EletrônicoPadrões em Governo Eletrônico
Padrões em Governo Eletrônico
 
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
 
Web Analytics e o Google Analytics - uma visão geral (Português - Brasil)
Web Analytics e o Google Analytics - uma visão geral (Português - Brasil)Web Analytics e o Google Analytics - uma visão geral (Português - Brasil)
Web Analytics e o Google Analytics - uma visão geral (Português - Brasil)
 
HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015
 
Padrões para Criação e Interpretação de Conteúdos Web com HTML5
Padrões para Criação e Interpretação de Conteúdos Web com HTML5Padrões para Criação e Interpretação de Conteúdos Web com HTML5
Padrões para Criação e Interpretação de Conteúdos Web com HTML5
 
Programa de Governo Eletrônico Brasileiro no ARENA CODE
Programa de Governo Eletrônico Brasileiro no ARENA CODEPrograma de Governo Eletrônico Brasileiro no ARENA CODE
Programa de Governo Eletrônico Brasileiro no ARENA CODE
 
Modelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAG
Modelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAGModelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAG
Modelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAG
 
e-MAG 3.0 - 3a. Conferência Web W3C Brasil
e-MAG 3.0 - 3a. Conferência Web W3C Brasile-MAG 3.0 - 3a. Conferência Web W3C Brasil
e-MAG 3.0 - 3a. Conferência Web W3C Brasil
 
Tool Open-Source & Free for Web Analytics
Tool Open-Source & Free for Web AnalyticsTool Open-Source & Free for Web Analytics
Tool Open-Source & Free for Web Analytics
 
Acessibilidade Web – Cidade de Barueri - Setembro 2013
Acessibilidade Web – Cidade de Barueri - Setembro 2013Acessibilidade Web – Cidade de Barueri - Setembro 2013
Acessibilidade Web – Cidade de Barueri - Setembro 2013
 
Guia de desenvolvimento de aplicações acessíveis
Guia de desenvolvimento de aplicações acessíveisGuia de desenvolvimento de aplicações acessíveis
Guia de desenvolvimento de aplicações acessíveis
 
Acessibilidade Web – Cidade de Pirassununga - Setembro 2013
Acessibilidade Web – Cidade de Pirassununga - Setembro 2013Acessibilidade Web – Cidade de Pirassununga - Setembro 2013
Acessibilidade Web – Cidade de Pirassununga - Setembro 2013
 
Padrões Web em Governo Eletrônico e-PWG
Padrões Web em Governo Eletrônico e-PWGPadrões Web em Governo Eletrônico e-PWG
Padrões Web em Governo Eletrônico e-PWG
 
Fórum de Marketing Digital - Digitalks Brasília
Fórum de Marketing Digital - Digitalks BrasíliaFórum de Marketing Digital - Digitalks Brasília
Fórum de Marketing Digital - Digitalks Brasília
 
Google Analytics IT - Como a área de TI pode se beneficiar do Google Analytics
Google Analytics IT - Como a área de TI pode se beneficiar do Google AnalyticsGoogle Analytics IT - Como a área de TI pode se beneficiar do Google Analytics
Google Analytics IT - Como a área de TI pode se beneficiar do Google Analytics
 
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
 
Mobile: Quem Dita as Regras é o Google
Mobile: Quem Dita as Regras é o GoogleMobile: Quem Dita as Regras é o Google
Mobile: Quem Dita as Regras é o Google
 
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
 
HTML Acessível
HTML AcessívelHTML Acessível
HTML Acessível
 
Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...
Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...
Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...
 

Más de Victor Adriel Oliveira (6)

Design and Application of Experiments and User Studies
Design and Application of Experiments and User StudiesDesign and Application of Experiments and User Studies
Design and Application of Experiments and User Studies
 
Working on Non-Conventional User Interfaces
Working on Non-Conventional User InterfacesWorking on Non-Conventional User Interfaces
Working on Non-Conventional User Interfaces
 
User Experience
User ExperienceUser Experience
User Experience
 
Programação Web com jQuery
Programação Web com jQueryProgramação Web com jQuery
Programação Web com jQuery
 
Programação Web com HTML e CSS
Programação Web com HTML e CSSProgramação Web com HTML e CSS
Programação Web com HTML e CSS
 
Programação Web com jQuery
Programação Web com jQueryProgramação Web com jQuery
Programação Web com jQuery
 

eScanner

  • 1. Proponente: Victor Adriel de J. Oliveira
  • 2.  Construção de uma extensão para o navegador Google Chrome para validação automática de páginas Web segundo o Modelo de Acessibilidade de Governo Eletrônico (e-MAG).
  • 3.  Acessibilidade à Web ◦ Também chamada e-Acessibilidade  Leis inclusivas ◦ Decreto n° 6949: Convenção Internacional sobre os Direitos das Pessoas com Deficiência  Diretrizes de acessibilidade ◦ WCAG (Web Content Accessibility Guidelines) ◦ WCAG Samurai - Joe Clark ◦ e-MAG (Modelo de Acessibilidade de Governo Eletrônico)
  • 4.  Acessibilidade à Web ◦ Também chamada e-Acessibilidade  Leis inclusivas ◦ Decreto n° 6949: Convenção Internacional sobre os Direitos das Pessoas com Deficiência  Diretrizes de acessibilidade ◦ WCAG (Web Content Accessibility Guidelines) ◦ WCAG Samurai - Joe Clark ◦ e-MAG (Modelo de Acessibilidade de Governo Eletrônico)
  • 5.  Acessibilidade à Web ◦ Também chamada e-Acessibilidade  Leis inclusivas ◦ Decreto n° 6949: Convenção Internacional sobre os Direitos das Pessoas com Deficiência  Diretrizes de acessibilidade ◦ WCAG (Web Content Accessibility Guidelines) ◦ WCAG Samurai - Joe Clark ◦ e-MAG (Modelo de Acessibilidade de Governo Eletrônico)
  • 6.  Acessibilidade à Web ◦ Também chamada e-Acessibilidade  Leis inclusivas ◦ Decreto n° 6949: Convenção Internacional sobre os Direitos das Pessoas com Deficiência  Diretrizes de acessibilidade ◦ WCAG (Web Content Accessibility Guidelines) ◦ WCAG Samurai - Joe Clark ◦ e-MAG (Modelo de Acessibilidade de Governo Eletrônico)
  • 7.  Acessibilidade à Web ◦ Também chamada e-Acessibilidade  Leis inclusivas ◦ Decreto n° 6949: Convenção Internacional sobre os Direitos das Pessoas com Deficiência  Diretrizes de acessibilidade ◦ WCAG (Web Content Accessibility Guidelines) ◦ WCAG Samurai - Joe Clark ◦ e-MAG (Modelo de Acessibilidade de Governo Eletrônico) Decreto nº 5.296: • Sítios de interesse público devem ser acessíveis Portaria nº 3, de 7 de maio de 2007: • Tornou-se obrigatória a observância do e-MAG nos sítios e portais do governo brasileiro.
  • 8.  Ferramentas de validação  Google Chrome ◦ Netmarketshare: Crescimento de 7,03% do no mercado internacional, de Janeiro a Novembro de 2011 ◦ StatCounter: 39,81% de participação no mercado brasileiro em Novembro de 2011.
  • 9.  Ferramentas de validação  Google Chrome ◦ Netmarketshare: Crescimento de 7,03% do no mercado internacional, de Janeiro a Novembro de 2011 ◦ StatCounter: 39,81% de participação no mercado brasileiro em Novembro de 2011.
  • 10.  HTML Parser ◦ HTML: “<p>Non on <a href=‘#’>on non</a></p>”
  • 11.  HTML Parser ◦ HTML: “<p>Non on <a href=‘#’>on non</a></p>”
  • 12.  HTML Parser ◦ HTML: “<p>Non on <a href=‘#’>on non</a></p>”
  • 13.  HTML Parser ◦ HTML: “<p>Non on <a href=‘#’>on non</a></p>”
  • 14.  HTML Parser ◦ HTML: <p>Non on “<a href=‘#’>on non</a></p>”
  • 15.  HTML Parser ◦ HTML: <p>Non on “<a href=‘#’>on non</a></p>”
  • 16.  Erros ◦ Detectáveis automaticamente  Alertas ◦ Dependentes da avaliação manual
  • 18. Popup com tela principal
  • 20. Elementos da tela principal
  • 22. Sem resposta do servidor ou erro de sintaxe
  • 24. Tutoriais do Governo Eletrônico e validadores
  • 25. Informações sobre a extensão e ajuda
  • 26.  Validação pelo e-MAG v3.0;  Praticidade;  Avaliação de páginas localmente;  Disponibilidade;  Referências a tutoriais, outras ferramentas, ao e-MAG e ao sítio do Governo Eletrônico.
  • 27.  Validação pelo e-MAG v3.0;  Praticidade;  Avaliação de páginas localmente;  Disponibilidade;  Referências a tutoriais, outras ferramentas, ao e-MAG e ao sítio do Governo Eletrônico.
  • 28.  Validação pelo e-MAG v3.0;  Praticidade;  Avaliação de páginas localmente;  Disponibilidade;  Referências a tutoriais, outras ferramentas, ao e-MAG e ao sítio do Governo Eletrônico.
  • 29.  Validação pelo e-MAG v3.0;  Praticidade;  Avaliação de páginas localmente;  Disponibilidade;  Referências a tutoriais, outras ferramentas, ao e-MAG e ao sítio do Governo Eletrônico.
  • 30.  Validação pelo e-MAG v3.0;  Praticidade;  Avaliação de páginas localmente;  Disponibilidade;  Referências a tutoriais, outras ferramentas, ao e-MAG e ao sítio do Governo Eletrônico.
  • 31.  Validação pelo e-MAG v3.0;  Praticidade;  Avaliação de páginas localmente;  Disponibilidade;  Referências a tutoriais, outras ferramentas, ao e-MAG e ao sítio do Governo Eletrônico.
  • 32.  Importância da avaliação automática  Escaneamento rápido a partir do e-MAG (eScanner)
  • 33.  BRASIL. Decreto Legislativo nº 186, de 9 julho de 2008. Brasília, DF, 10 jul. 2008. Diário Oficial da União, Seção 1, Edição 131, p. 1.  BRASIL. Decreto nº 5296, de 2 de dezembro de 2004. Brasília, DF, 03 dez. 2004. Diário Oficial da União, Seção 1, p. 5, capítulo III, artigo 80.  BRASIL. e-MAG Modelo de Acessibilidade em Governo Eletrônico. Brasília, 2011. Disponível em: <http://www.governoeletronico.gov.br/biblioteca/arquivos/e- mag-3.0/download>. Acesso em: 1 jan. 2012  BRASIL. Lei nº 8.213, de 24 de Julho de 1991. Brasília, DF, 07 jul. 1991. Diário Oficial da União.  BRASIL. Projeto de Decreto Legislativo n° 563, de 2008: Convenção da ONU sobre os direitos da pessoa com deficiência. Brasília, DF, 28 mai. 2008. Disponível em: <http://www.swbrasil.org.br/uploads/download/f2433247cb5c50d8a43 8bf59c783db9a582f3518.pdf>. Acesso em: 2 jan. 2012.  FERREIRA, S. B. L.; NUNES, R. R. e-Usabilidade. Rio de Janeiro: LTC, 2008.  NETMARKETSHARE. Disponível em: <http://www.netmarketshare.com/browser- market-share.aspx?qprid=1&qpcustomb=0>. Acesso em: 31 dez. 2011.  NICÁCIO, J. M. Técnicas de acessibilidade: criando uma Web para todos. Maceió: EDUFAL, 2010.  NIELSEN, J.; LORANGER, H. Usabilidade na web: Projetando Websites com qualidade. Tradução: Edson Furmankiewicz e Carlos Schafranski. Rio de Janeiro: Elsevier, 2007.