SlideShare uma empresa Scribd logo
1 de 29
Baixar para ler offline
Avaliador automático de
acessibilidade segundo o e-MAG 3.0
eScanner
• Verifica a acessibilidade de uma página WEB segundo
as recomendações do Modelo de Acessibilidade de
Governo Eletrônico - e-MAG, em sua versão 3.0.
• Disponível no Chrome Web Store:
https://chrome.google.com/webstore/detail/escanner/mpiipi
obgejghkocofogeonfkapjgfmk
Motivação
• 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)
Motivação
• 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)
Motivação
• 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)
Motivação
• 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)
Motivação
• 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.
Motivação
• 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.
Motivação
• 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.
Funcionamento
• HTML Parser
“<p>Non on <a href=‘#’>on non</a></p>”
Funcionamento
• HTML Parser
“<p>Non on <a href=‘#’>on non</a></p>”
Funcionamento
• HTML Parser
“<p>Non on <a href=‘#’>on non</a></p>”
Funcionamento
• HTML Parser
“<p>Non on <a href=‘#’>on non</a></p>”
Funcionamento
• HTML Parser
“<p>Non on <a href=‘#’>on non</a></p>”
Funcionamento
• HTML Parser
“<p>Non on <a href=‘#’>on non</a></p>”
Funcionamento
• HTML Parser
“<p>Non on <a href=‘#’>on non</a></p>”
• Recuperação automática de erros:
– Tags abertas, atributos sem valor, elementos
vazios, diferenciação entre elementos de bloco e
elementos inline, etc.
Funcionamento
Funcionamento
Erros:
Detectados automaticamente
Funcionamento
Erros:
Detectados automaticamente
Alertas:
Dependem de avaliação manual
Funcionamento
Descrição do erro segundo as
recomendações do e-MAG 3.0
Funcionamento
Funcionamento
Visualização de código-fonte
Atalhos para ocorrência de erros
Funcionamento
Descrição de erros na linha
Funcionamento
Representação do código em
formato de árvore radial
Funcionamento
HTML 5
Outras características
• 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.
Projetos futuros
• Suporte completo a HTML5;
• Ampliar recuperação de erros (parser);
• Ampliar conjunto de mensagens (erros/alertas);
• Melhorar exibição de alertas;
• Melhorar geração de árvore (json);
• Versão para firefox;
• Versão para IDEs (eclipse, netbeans, notepad).
Colaboração
https://github.com/victoradriel/eScanner
Contato
Victor Adriel de J. Oliveira
vajoliveira@inf.ufrgs.br
http://blogvictoradriel.blogspot.com.br/

Mais conteúdo relacionado

Destaque

Erik erikson
Erik eriksonErik erikson
Erik eriksontiny161
 
Materia e espirito
Materia e espiritoMateria e espirito
Materia e espiritofabigons2010
 
Padrões 6ºC
Padrões 6ºCPadrões 6ºC
Padrões 6ºCProfAnto
 
Ibis lodz restaurant menu
Ibis lodz restaurant menuIbis lodz restaurant menu
Ibis lodz restaurant menugalhavanas
 
LOR by Desiree Sullivan - President
LOR by Desiree Sullivan - PresidentLOR by Desiree Sullivan - President
LOR by Desiree Sullivan - PresidentGrace V Sutherland
 
1. 1. el progrés en l'agricultura...
1. 1. el progrés en l'agricultura...1. 1. el progrés en l'agricultura...
1. 1. el progrés en l'agricultura...escolalapau
 
Unidades polodeinternetgratuito matrícula digital
Unidades polodeinternetgratuito   matrícula digitalUnidades polodeinternetgratuito   matrícula digital
Unidades polodeinternetgratuito matrícula digitalCre Educação
 
Recursos Naturais da África
Recursos Naturais da ÁfricaRecursos Naturais da África
Recursos Naturais da ÁfricaGustavo Mendonca
 
Manuales administrativos
Manuales administrativosManuales administrativos
Manuales administrativosfernando mozo
 
2016 (Updated): Introdução à Mineração de Dados
2016 (Updated): Introdução à Mineração de Dados2016 (Updated): Introdução à Mineração de Dados
2016 (Updated): Introdução à Mineração de DadosLeandro de Castro
 

Destaque (15)

Men's Health Status
Men's Health StatusMen's Health Status
Men's Health Status
 
Erik erikson
Erik eriksonErik erikson
Erik erikson
 
Materia e espirito
Materia e espiritoMateria e espirito
Materia e espirito
 
Padrões 6ºC
Padrões 6ºCPadrões 6ºC
Padrões 6ºC
 
Ibis lodz restaurant menu
Ibis lodz restaurant menuIbis lodz restaurant menu
Ibis lodz restaurant menu
 
Temas usuais
Temas usuaisTemas usuais
Temas usuais
 
LOR by Desiree Sullivan - President
LOR by Desiree Sullivan - PresidentLOR by Desiree Sullivan - President
LOR by Desiree Sullivan - President
 
1. 1. el progrés en l'agricultura...
1. 1. el progrés en l'agricultura...1. 1. el progrés en l'agricultura...
1. 1. el progrés en l'agricultura...
 
Unidades polodeinternetgratuito matrícula digital
Unidades polodeinternetgratuito   matrícula digitalUnidades polodeinternetgratuito   matrícula digital
Unidades polodeinternetgratuito matrícula digital
 
Recursos Naturais da África
Recursos Naturais da ÁfricaRecursos Naturais da África
Recursos Naturais da África
 
Torneio 6
Torneio 6Torneio 6
Torneio 6
 
Manuales administrativos
Manuales administrativosManuales administrativos
Manuales administrativos
 
1069745359
10697453591069745359
1069745359
 
A largatinha muito comilona
A largatinha muito comilonaA largatinha muito comilona
A largatinha muito comilona
 
2016 (Updated): Introdução à Mineração de Dados
2016 (Updated): Introdução à Mineração de Dados2016 (Updated): Introdução à Mineração de Dados
2016 (Updated): Introdução à Mineração de Dados
 

Semelhante a eScanner

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 AnalyticsCaio Tozzini
 
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 AnalyticsFrancisco Gonçalves
 
NSEA apresenta: e-MAG para técnicos
NSEA apresenta: e-MAG para técnicosNSEA apresenta: e-MAG para técnicos
NSEA apresenta: e-MAG para técnicosGovBR
 
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
 
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 HTML5Vagner Santana
 
Desenvolvimento Web multi-devices com Google Web Starter Kit
Desenvolvimento Web multi-devices com Google Web Starter KitDesenvolvimento Web multi-devices com Google Web Starter Kit
Desenvolvimento Web multi-devices com Google Web Starter KitRodrigo Antinarelli
 
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 GoogleNatascha Hun
 
Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz
    Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz    Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz
Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo FerrazGovBR
 
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Reinaldo Ferraz
 
Workshop Performance Rails
Workshop Performance RailsWorkshop Performance Rails
Workshop Performance RailsVitor Pellegrino
 
Treinamento E-commerce Softagon
Treinamento E-commerce SoftagonTreinamento E-commerce Softagon
Treinamento E-commerce SoftagonHermes Alves
 
Treinamento E-commerce da Softagon para clientes
Treinamento E-commerce da Softagon para clientesTreinamento E-commerce da Softagon para clientes
Treinamento E-commerce da Softagon para clientesSOFTAGON INOVAÇÃO
 
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012Ícaro Medeiros
 
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
 
Tudo que Você Precisa Saber para Hackear o Google
Tudo que Você Precisa Saber para Hackear o GoogleTudo que Você Precisa Saber para Hackear o Google
Tudo que Você Precisa Saber para Hackear o GoogleFelipe Bazon
 
Aplicações Web Realtime
Aplicações Web RealtimeAplicações Web Realtime
Aplicações Web RealtimeGabriel Gularte
 

Semelhante a eScanner (20)

eScanner
eScannereScanner
eScanner
 
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
 
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
 
NSEA apresenta: e-MAG para técnicos
NSEA apresenta: e-MAG para técnicosNSEA apresenta: e-MAG para técnicos
NSEA apresenta: e-MAG para técnicos
 
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
 
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
 
Desenvolvimento Web multi-devices com Google Web Starter Kit
Desenvolvimento Web multi-devices com Google Web Starter KitDesenvolvimento Web multi-devices com Google Web Starter Kit
Desenvolvimento Web multi-devices com Google Web Starter Kit
 
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
 
Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz
    Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz    Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz
Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz
 
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
 
Workshop Performance Rails
Workshop Performance RailsWorkshop Performance Rails
Workshop Performance Rails
 
Asa cpbr4
Asa cpbr4Asa cpbr4
Asa cpbr4
 
Treinamento E-commerce Softagon
Treinamento E-commerce SoftagonTreinamento E-commerce Softagon
Treinamento E-commerce Softagon
 
Treinamento E-commerce da Softagon para clientes
Treinamento E-commerce da Softagon para clientesTreinamento E-commerce da Softagon para clientes
Treinamento E-commerce da Softagon para clientes
 
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
 
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
 
Slide da Monografia
Slide da MonografiaSlide da Monografia
Slide da Monografia
 
Tudo que Você Precisa Saber para Hackear o Google
Tudo que Você Precisa Saber para Hackear o GoogleTudo que Você Precisa Saber para Hackear o Google
Tudo que Você Precisa Saber para Hackear o Google
 
Copy of trabalho de redes
Copy of trabalho de redesCopy of trabalho de redes
Copy of trabalho de redes
 
Aplicações Web Realtime
Aplicações Web RealtimeAplicações Web Realtime
Aplicações Web Realtime
 

eScanner