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.

eScanner

  • 1.
  • 2.
     Construção deuma 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 devalidaçã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 devalidaçã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áveisautomaticamente  Alertas ◦ Dependentes da avaliação manual
  • 17.
  • 18.
    Popup com telaprincipal
  • 19.
  • 20.
  • 21.
  • 22.
    Sem resposta doservidor ou erro de sintaxe
  • 23.
  • 24.
    Tutoriais do GovernoEletrônico e validadores
  • 25.
    Informações sobre aextensão e ajuda
  • 26.
     Validação peloe-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 peloe-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 peloe-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 peloe-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 peloe-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 peloe-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 daavaliação automática  Escaneamento rápido a partir do e-MAG (eScanner)
  • 33.
     BRASIL. DecretoLegislativo 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.