eScanner

271 visualizações

Publicada em

O eScanner é uma ferramenta que verifica a acessibilidade de uma página WEB de modo automático segundo as recomendações do Modelo de Acessibilidade de Governo Eletrônico - e-MAG, em sua versão 3.0.

0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
271
No SlideShare
0
A partir de incorporações
0
Número de incorporações
5
Ações
Compartilhamentos
0
Downloads
3
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

eScanner

  1. 1. Avaliador automático de acessibilidade segundo o e-MAG 3.0
  2. 2. 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
  3. 3. 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)
  4. 4. 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)
  5. 5. 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)
  6. 6. 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)
  7. 7. 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.
  8. 8. 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.
  9. 9. 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.
  10. 10. Funcionamento • HTML Parser “<p>Non on <a href=‘#’>on non</a></p>”
  11. 11. Funcionamento • HTML Parser “<p>Non on <a href=‘#’>on non</a></p>”
  12. 12. Funcionamento • HTML Parser “<p>Non on <a href=‘#’>on non</a></p>”
  13. 13. Funcionamento • HTML Parser “<p>Non on <a href=‘#’>on non</a></p>”
  14. 14. Funcionamento • HTML Parser “<p>Non on <a href=‘#’>on non</a></p>”
  15. 15. Funcionamento • HTML Parser “<p>Non on <a href=‘#’>on non</a></p>”
  16. 16. 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.
  17. 17. Funcionamento
  18. 18. Funcionamento Erros: Detectados automaticamente
  19. 19. Funcionamento Erros: Detectados automaticamente Alertas: Dependem de avaliação manual
  20. 20. Funcionamento Descrição do erro segundo as recomendações do e-MAG 3.0
  21. 21. Funcionamento
  22. 22. Funcionamento Visualização de código-fonte Atalhos para ocorrência de erros
  23. 23. Funcionamento Descrição de erros na linha
  24. 24. Funcionamento Representação do código em formato de árvore radial
  25. 25. Funcionamento HTML 5
  26. 26. 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.
  27. 27. 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).
  28. 28. Colaboração https://github.com/victoradriel/eScanner
  29. 29. Contato Victor Adriel de J. Oliveira vajoliveira@inf.ufrgs.br http://blogvictoradriel.blogspot.com.br/

×