oficina ases2.0 beta6.0 - andré luiz rezende
Post on 29-Jan-2018
2.282 Views
Preview:
TRANSCRIPT
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.0Oficina: 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)
AGENDAAGENDA
1. Justificativa
• Avaliador e Simulador para a AcessibilidadE de Sítios (ASES)
5. Desdobramentos
• ASES-WEB • e-ASES• Selo de Acessibilidade On-Line (on-Selo)• Componente para IDE de programação
7. Laboratório• Avaliadores• Simuladores• Ferramentas
9. Dúvidas
JUSTIFICATIVAJUSTIFICATIVA
A rede mundial de computadores é um espaço democrático para a interatividade, construção e difusão do conhecimento.
SERÁ MESMO?
JUSTIFICATIVAJUSTIFICATIVA
Jurídica
Oportunizar a acessibilidade das
informações nos sítios
Teórica
Técnica
JUSTIFICATIVAJUSTIFICATIVA
Base Jurídica: Leis
No Brasil, a acessibilidade é tratada em termos legais pela Lei nº 5.296 de nº 5.296 de 02 de dezembro de 200402 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 [...]
JUSTIFICATIVAJUSTIFICATIVA
É 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
JUSTIFICATIVAJUSTIFICATIVA
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
ASES 2.0ASES 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).
DESDOBRAMENTOSDESDOBRAMENTOS
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
DESDOBRAMENTOSDESDOBRAMENTOS
1. on-Selo: Certificado de acessibilidade on-line baseado no núcleo de validação do Avaliador e Simulador de Acessibilidade de Sítios (ASES);
3. e-ASES: Extensão para acessibilidade do navegador Firefox baseado no núcleo do Avaliador e Simulador de Acessibilidade de Sítios (ASES);
5. ASES-WEB: Plataforma WEB do Avaliador e Simulador de Acessibilidade de Sítios;
7. 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
LABORATÓRIO - IntroduçãoLABORATÓRIO - Introdução
1. Objetivo: apresentar os procedimentos para acesso às informações disponibilizadas para o projeto ASES.
2. Referência: http://www.youtube.com/watch?v=spUOithmwFI&feature=related
LABORATÓRIO - IntroduçãoLABORATÓRIO - Introdução
1. Objetivo: apresentar o processo de instalação da ferramenta ASES.2. Referências:
http://www.youtube.com/watch?v=spUOithmwFI&feature=relatedhttp://www.youtube.com/watch?v=SgiOMf8DPEc&feature=related
LABORATÓRIO - IntroduçãoLABORATÓRIO - Introdução
1. Objetivo: introdução as funcionalidade da ferramenta ASES.2. Referências:
http://www.youtube.com/watch?v=SgiOMf8DPEc&feature=related
LABORATÓRIO - AvaliadorLABORATÓ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
LABORATÓRIO - AvaliadorLABORATÓRIO - Avaliador
Continuação....
LABORATÓRIO - AvaliadorLABORATÓRIO - Avaliador
1. Objetivo: conhecer o funcionamento do avaliador de HTML(4.01 e XHTML)2. Menu: Avaliadores -> Avaliador HTML (4.01 e XHTML)3. Caminho: http://www.ifbaiano.edu.br/modelo/html/index.html
LABORATÓRIO - AvaliadorLABORATÓRIO - Avaliador
1. Objetivo: conhecer o funcionamento do avaliador de CSS2. Menu: Avaliadores -> Avaliador CSS3. Caminho: http://www.ifbaiano.edu.br/modelo/html/
LABORATÓRIO - AvaliadorLABORATÓRIO - Avaliador
1. Objetivo: conhecer o funcionamento do avaliador de contraste2. Menu: Avaliadores -> Avaliador de Contraste
LABORATÓRIO - SimuladorLABORATÓRIO - Simulador
1. Objetivo: conhecer o funcionamento do simulador de leitor de tela2. Menu: Simuladores -> Leitor de Tela3. Caminho: http://www.ifbaiano.edu.br/modelo/html/index.html
LABORATÓRIO - SimuladorLABORATÓ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
LABORATÓRIO - FerramentasLABORATÓ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
LABORATÓRIO - FerramentasLABORATÓ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
LABORATÓRIO - FerramentasLABORATÓ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
LABORATÓRIO - FerramentasLABORATÓ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
LABORATÓRIO - FerramentasLABORATÓ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
LABORATÓRIO - FerramentasLABORATÓ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
LABORATÓRIO - FerramentasLABORATÓ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
DÚVIDASDÚVIDAS
1
29
FIMFIM
Muito Obrigado!
André Rezende
andre.rezende@ifbaiano.edu.br andre.luiz.rezende@gmail.com
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/
top related