oficina ases2.0 beta6.0 - andré luiz rezende

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/