Baixar para ler offline
Carregado porVictor Adriel Oliveira
eScanner
O documento descreve o avaliador automático de acessibilidade e-scanner, que verifica a conformidade das páginas web com as diretrizes de acessibilidade do e-mag 3.0. A ferramenta, disponível na Chrome Web Store, também aborda legislações e diretrizes relevantes, como o Decreto n° 6949 e as WCAG. Futuros projetos incluem suporte ao HTML5 e melhorias na detecção de erros e na exibição de alertas.
eScanner
- 1. Avaliador automático de acessibilidadesegundo o e-MAG 3.0
- 2. eScanner • Verifica aacessibilidade 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. 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. 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. 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. 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. 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. Motivação • 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. Motivação • 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. Funcionamento • HTML Parser “<p>Nonon <a href=‘#’>on non</a></p>”
- 11. Funcionamento • HTML Parser “<p>Nonon <a href=‘#’>on non</a></p>”
- 12. Funcionamento • HTML Parser “<p>Nonon <a href=‘#’>on non</a></p>”
- 13. Funcionamento • HTML Parser “<p>Nonon <a href=‘#’>on non</a></p>”
- 14. Funcionamento • HTML Parser “<p>Nonon <a href=‘#’>on non</a></p>”
- 15. Funcionamento • HTML Parser “<p>Nonon <a href=‘#’>on non</a></p>”
- 16. Funcionamento • HTML Parser “<p>Nonon <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.
- 18.
- 19.
- 20. Funcionamento Descrição do errosegundo as recomendações do e-MAG 3.0
- 21.
- 22. Funcionamento Visualização de código-fonte Atalhospara ocorrência de erros
- 23. Funcionamento Descrição de errosna linha
- 24. Funcionamento Representação do códigoem formato de árvore radial
- 25.
- 26. Outras características • Validaçãopelo 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. Projetos futuros • Suportecompleto 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.
- 29. Contato Victor Adriel deJ. Oliveira vajoliveira@inf.ufrgs.br http://blogvictoradriel.blogspot.com.br/