O documento apresenta o software ASES (Avaliador e Simulador para Acessibilidade de Sítios), que avalia a acessibilidade de sites de acordo com normas internacionais. A ferramenta está disponível gratuitamente e possui funções como avaliadores, simuladores e ferramentas para identificar e corrigir problemas de acessibilidade. O documento também explica desdobramentos do ASES, como a extensão e-ASES para navegadores e o selo on-line de acessibilidade on-Selo.

1. Estes slides são concedidos sob uma Licença Creative Commons. Veja detalhes e restrições adicionais no último slide. Oficina: ASES 2.0 – Beta 6.0 21 de setembro de 2011 André Luiz Andrade Rezende ¹ ¹Rede de Pesquisa e Inovação em Tecnologias Digitais (RENAPI) Doutorando em Educação e Contemporaneidade (UNEB)

2. AGENDA Justificativa A valiador e S imulador para a Acessibilidad E de S ítios (ASES) Desdobramentos ASES-WEB e-ASES Selo de Acessibilidade On-Line (on-Selo) Componente para IDE de programação Laboratório Avaliadores Simuladores Ferramentas Dúvidas

3. JUSTIFICATIVA A rede mundial de computadores é um espaço democrático para a interatividade, construção e difusão do conhecimento. SERÁ MESMO?

4. JUSTIFICATIVA Oportunizar a acessibilidade das informações nos sítios Jurídica Teórica Técnica

5. JUSTIFICATIVA Base Jurídica: Leis No Brasil, a acessibilidade é tratada em termos legais pela Lei nº 5.296 de 02 de dezembro de 2004 que regulamenta as seguintes bases jurídicas nº 10.048, de 08 de novembro de 2000, e Lei nº 10.098, de 19 de dezembro de 2000. Capítulo III - Das Condições Gerais da Acessibilidade Art. 8o Para os fins de acessibilidade, considera-se: II - barreiras : qualquer entrave ou obstáculo que limite ou impeça o acesso, a liberdade de movimento, a circulação com segurança e a possibilidade de as pessoas se comunicarem ou terem acesso à informação , classificadas em: d) barreiras nas comunicações e informações : qualquer entrave ou obstáculo que dificulte ou impossibilite a expressão ou o recebimento de mensagens por intermédio dos dispositivos, meios ou sistemas de comunicação [...]

6. JUSTIFICATIVA É a possibilidade de qualquer indivíduo, utilizando qualquer tipo de tecnologia de navegação (navegadores gráficos, textuais, especiais para cegos ou para sistemas de computação móvel), poder visitar qualquer site e obter um total e completo entendimento da informação contida nele, além de ter total e completa habilidade de interação (SONZA, 2008). A acessibilidade virtual refere-se ao acesso a qualquer recurso da Tecnologia da Informação e Comunicação (TIC), enquanto o termo acessibilidade na internet é usado para definir a acessibilidade dos componentes da rede mundial de computadores, como e-mail, grupos, serviços de notícias, chats entre outros. Já a acessibilidade web, ou e-acessibilidade , trata especificamente do componente web, que é um conjunto de páginas escritas na linguagem HTML e interligadas por links de hipertexto (FERREIRA, 2007). Base Teórica: Acessibilidade Virtual

7. JUSTIFICATIVA Conjunto de diretrizes que aplicadas ao conteúdo disponibilizado na rede mundial (Internet) de computadores torna suas informações acessíveis. São exemplos desses padrões: WCAG – Web Content Acessibility Guideline (Versão – 2.0) Referência proposta pelo W3C sobre acessibilidade na rede mundial de computadores, cujo objetivo é esclarecer como produzir conteúdos para Web que sejam acessíveis às pessoas com necessidades especiais. E-MAG – Modelo de Acessibilidade Eletrônica do Governo Brasileiro (Versão – 3.0) Referência proposta pelo Governo Brasileiro sobre acessibilidade, fundamentado no WCAG, cujo objetivo é esclarecer como produzir conteúdos para Web para os sites do Governo Federal. Base Técnica: Padrões de Acessibilidade

8. ASES 2.0 Resumo Solução computacional que agrupa diversas tecnologias para avaliar e identificar problemas relacionados a acessibilidade em sítios. Versão 2.0 - Beta06 (Atende as normas da WCAG2.0 e E-MAG 3.0); Em teste e aguardando sugestões da comunidade para melhorias. Parceria: Ministério do Planejamento, Orçamento e Gestão (MPOG) e a Rede de Pesquisa e Inovação em Tecnologias Digitais (RENAPI).

9. DESDOBRAMENTOS E-ASES – Extensão para o browser Firefox ASES-WEB – Versão WEB do software ASES ASES –Avaliador de acessibilidade A partir do isolamento do núcleo ou motor de validação do ASES, surgiram outras possibilidades. São elas: On-Selo: certificado de acessibilidade on-line Componente para IDE de programação

10. DESDOBRAMENTOS on-Selo: Certificado de acessibilidade on-line baseado no núcleo de validação do Avaliador e Simulador de Acessibilidade de Sítios (ASES); e-ASES: Extensão para acessibilidade do navegador Firefox baseado no núcleo do Avaliador e Simulador de Acessibilidade de Sítios (ASES); ASES-WEB: Plataforma WEB do Avaliador e Simulador de Acessibilidade de Sítios; ASES-IDE: Componente para IDE (Interface de desenvolvimento) de programação E-ASES – Extensão para o browser Firefox ASES-WEB – Versão WEB do software ASES on-Selo ASES-IDE

11. LABORATÓRIO - Introdução Objetivo: apresentar os procedimentos para acesso às informações disponibilizadas para o projeto ASES. Referência: http://www.youtube.com/watch?v=spUOithmwFI&feature=related

12. LABORATÓRIO - Introdução Objetivo: apresentar o processo de instalação da ferramenta ASES. Referências: http://www.youtube.com/watch?v=spUOithmwFI&feature=related http://www.youtube.com/watch?v=SgiOMf8DPEc&feature=related

13. LABORATÓRIO - Introdução Objetivo: introdução as funcionalidade da ferramenta ASES. Referências: http://www.youtube.com/watch?v=SgiOMf8DPEc&feature=related

14. LABORATÓRIO - Avaliador Objetivo: conhecer o funcionamento do avaliador de acessibilidade Menu: Avaliadores -> Avaliador de Acessibilidade Caminho: http://www.ifbaiano.edu.br/modelo/html/index.html Referência: http://www.youtube.com/watch?v=kEC_5_6_WVA

15. LABORATÓRIO - Avaliador Continuação....

16. LABORATÓRIO - Avaliador Objetivo: conhecer o funcionamento do avaliador de HTML(4.01 e XHTML) Menu: Avaliadores -> Avaliador HTML (4.01 e XHTML) Caminho: http://www.ifbaiano.edu.br/modelo/html/index.html

17. LABORATÓRIO - Avaliador Objetivo: conhecer o funcionamento do avaliador de CSS Menu: Avaliadores -> Avaliador CSS Caminho: http://www.ifbaiano.edu.br/modelo/html/

18. LABORATÓRIO - Avaliador Objetivo: conhecer o funcionamento do avaliador de contraste Menu: Avaliadores -> Avaliador de Contraste

19. LABORATÓRIO - Simulador Objetivo: conhecer o funcionamento do simulador de leitor de tela Menu: Simuladores -> Leitor de Tela Caminho: http://www.ifbaiano.edu.br/modelo/html/index.html

20. LABORATÓRIO - Simulador Objetivo: conhecer o funcionamento do simulador de baixa visão Menu: Simuladores -> Baixa Visão Caminho: http://www.ifbaiano.edu.br/modelo/html/index.html

21. LABORATÓRIO - Ferramentas Objetivo: conhecer o funcionamento da ferramenta conteúdo alternativo para tags IMG Menu: Ferramentas -> Conteúdo Alternativo para Tags -> IMG Caminho: http://www.ifbaiano.edu.br/modelo/html/cadastro.php

22. LABORATÓRIO - Ferramentas Objetivo: conhecer o funcionamento da ferramenta conteúdo alternativo para tags OBJECT Menu: Ferramentas -> Conteúdo Alternativo para Tags -> OBJECT Caminho: http://www.ifbaiano.edu.br/modelo/html/cadastro.php

23. LABORATÓRIO - Ferramentas Objetivo: conhecer o funcionamento da ferramenta conteúdo alternativo para tags SCRIPT Menu: Ferramentas -> Conteúdo Alternativo para Tags -> SCRIPT Caminho: http://www.ifbaiano.edu.br/modelo/html/dicas.html

24. LABORATÓRIO - Ferramentas Objetivo: conhecer o funcionamento da ferramenta Associador de Rótulos Menu: Ferramentas -> Associador de Rótulos Caminho: http://www.ifbaiano.edu.br/modelo/html/cadastro.php 1 2

25. LABORATÓRIO - Ferramentas Objetivo: conhecer o funcionamento da ferramenta Editor de DocType Menu: Ferramentas -> Editor de DocType Caminho: http://www.ifbaiano.edu.br/modelo/html/index.html

26. LABORATÓRIO - Ferramentas Objetivo: conhecer o funcionamento da ferramenta Preenchedor de Formulário Menu: Ferramentas -> Preenchedor de Formulário Caminho:http://www.ifbaiano.edu.br/modelo/html/formErro.html

27. LABORATÓRIO - Ferramentas Objetivo: conhecer o funcionamento da ferramenta Corretor de Eventos Menu: Ferramentas -> Corretor de Eventos Caminho: http://www.ifbaiano.edu.br/modelo/html/cadastro.php

28. DÚVIDAS

29. FIM Muito Obrigado! André Rezende andre.rezende@ifbaiano.edu.br [email_address]

30. Licença Estes slides são concedidos sob uma Licença Creative Commons. Sob as seguintes condições: Atribuição, Uso Não-Comercial e Compartilhamento pela mesma Licença, com restrições adicionais: Se você é estudante, você não está autorizado a utilizar estes slides (total ou parcialmente) em uma apresentação na qual você esteja sendo avaliado, a não ser que o professor que está lhe avaliando: a) lhe peça explicitamente para utilizar estes slides; b) ou seja informado explicitamente da origem destes slides e concorde com o seu uso. Mais detalhes sobre a referida licença Creative Commons veja no link:http://creativecommons.org/licenses/by-nc-sa/2.5/br/