343o acessibilidade [modo de...

7/1/2010

1

Acessibilidade Web

Cristiani DiasCristiani DiasMs. Informática na Educação-PPGEDU/UFRGS

[email protected]

(Grupo Guia, 1999)(Grupo Guia, 1999)

2

Acessibilidade

oo Processo para a Processo para a conquista da igualdade de conquista da igualdade de oportunidadeoportunidade e e de participaçãode participação em todas as em todas as esferas da sociedade. esferas da sociedade.

oo Sinônimo de aproximação, Sinônimo de aproximação, um meio de um meio de disponibilizar a cada usuário interfaces que disponibilizar a cada usuário interfaces que respeitem suas necessidades e preferências.respeitem suas necessidades e preferências.

oo Reduzir as discriminações e exclusões, Reduzir as discriminações e exclusões, sem sem prejudicar as características gráficas ou prejudicar as características gráficas ou funcionalidades na Web.funcionalidades na Web.

/39

7/1/2010

2

3

O que significa Acessibilidade?

ooAcessibilidade ArquitetônicaAcessibilidade Arquitetônica– artigo 227 da Constituição, onde define que: ”§ 2º - A lei

disporá sobre normas de construção dos logradouros e dos edifícios de uso público e de fabricação de veículos de transporte coletivo, a fim de garantir acesso adequado às pessoas portadoras de deficiência.”

– O que a Constituição de 1988 restringiu ao escopo do acesso aos logradouros e meios de transporte coletivo, no final de 2004 (Decreto nº 5.296)foi estendido a todos os espaços, mobiliários e equipamentos urbanos, edificações, serviços de transporte e dispositivos, sistemas e meios de comunicação e informação.

/39

4

O que significa Acessibilidade?

oo Acessibilidade Acessibilidade WebWeb

–– Representa para o usuário não só o direito de acessar a rede Representa para o usuário não só o direito de acessar a rede de informações, mas também o direito de eliminação de de informações, mas também o direito de eliminação de barreiras arquitetônicas, de disponibilidade de comunicação, barreiras arquitetônicas, de disponibilidade de comunicação, de acesso físico, de equipamentos e programas adequados, de acesso físico, de equipamentos e programas adequados, de conteúdo e apresentação da informação em formatos de conteúdo e apresentação da informação em formatos alternativos.alternativos.

/39

7/1/2010

3

5

Quem precisa de Acessibilidade?

oo Público AlvoPúblico Alvo

- PNEEs são pessoas com algum tipo de déficit ou PNEEs são pessoas com algum tipo de déficit ou limitação física, psicológica ou social que provocam limitação física, psicológica ou social que provocam algum tipo de prejuízo na funcionalidade ou na sua algum tipo de prejuízo na funcionalidade ou na sua autonomia na vida diária.autonomia na vida diária.

/39

6

Acessibilidade Web

oo Brasil e seus númerosBrasil e seus números

– Sétimo em uso de internet;

–– 180 milhões de habitantes180 milhões de habitantes;

–– 24,3 milhões de pessoas deficientes24,3 milhões de pessoas deficientes;

–– 15 milhões de pessoas com mais de 65 anos;15 milhões de pessoas com mais de 65 anos;

– 5,4 milhões de pessoas com mais de 65 anos e que já possuem alguma deficiência.

Fonte: FGV; InfoBrasil; Reuters, IBGE

/39

7/1/2010

4

7

Acessibilidade Web

oo Internet no BrasilInternet no Brasil

–– Número de usuários: 50 milhões de pessoas;Número de usuários: 50 milhões de pessoas;–– Áreas urbanas: 44% da população está conectada à Áreas urbanas: 44% da população está conectada à internet.internet. Fonte: FGV; InfoBrasil; Reuters, IBGE

/39

8

Acessibilidade Web

oo Internet no BrasilInternet no Brasil

– Empresas: 97% das empresas brasileiras estão conectadas à internet

– Domicílios: 23,1 milhões em maio de 2008

– Tempo: 23 horas e 48 minutos no mês de maio (2008)Fonte: FGV; InfoBrasil; Reuters, IBGE

/39

7/1/2010

5

9

Acessibilidade Web

oo Computadores e ConexõesComputadores e Conexões

– O número de conexões banda larganúmero de conexões banda larga dobrou desde 2005, saltando de quatro milhões para 8,3 milhões (março/2008).

– Até 2010 o Brasil terá 15 milhões de conexões15 milhões de conexões


/39

10

Acessibilidade Web

oo Computadores e ConexõesComputadores e Conexões

• O número de acessos à Internet via celularcresceu 167% em seis meses, chegando a 212 mil em fevereiro de 2008


/39

7/1/2010

6

11

Áreas que envolvem Acessibilidade

oo Acessibilidade ao ComputadorAcessibilidade ao Computador

– que engloba programas (software) de acesso incluindo diferenciados tipos de Ajudas Técnicas para uso genéricos de acesso aos computadores e periféricos

/39

12

Áreas que envolvem Acessibilidade

oo Acessibilidade ao NavegadorAcessibilidade ao Navegador

– os quais podem ser genéricos como o Microsoft Explorer e o Netscape Navigator. Contudo, existem navegadores específicos que oferecem facilidade de acesso a diferentes usuários como o navegador só de texto LYNX para cegos

Mozila Firefox 5.0

Internet Explorer 6.0/39

7/1/2010

7

13

oo Problemas nas interfaces para usuários com Problemas nas interfaces para usuários com Necessidades EspeciaisNecessidades Especiais

Porquê da Acessibilidade Web

Usuários cegosUsuários cegos

••Obter informações apresentadas visualmente;Obter informações apresentadas visualmente;

••Interagir usando dispositivo diferente do teclado;Interagir usando dispositivo diferente do teclado;

••Distinguir entre outros sons e a voz produzida pelo Distinguir entre outros sons e a voz produzida pelo sintetizador;sintetizador;

/39

14

Usuários com baixa visão ou daltônicosUsuários com baixa visão ou daltônicos

••Distinguir cromáticas de contraste ou de profundidade;Distinguir cromáticas de contraste ou de profundidade;

••Distinguir tipos diferentes de letras;Distinguir tipos diferentes de letras;

••Localizar e/ou seguir ponteiros, cursores, manipular Localizar e/ou seguir ponteiros, cursores, manipular diferentes objetos gráficos;diferentes objetos gráficos;

••Distinguir texto com fontes não adaptáveis;Distinguir texto com fontes não adaptáveis;



/39

7/1/2010

8

15

Usuários com deficiência auditivaUsuários com deficiência auditiva

••Localizar sons;Localizar sons;

••Perceber informações auditivas;Perceber informações auditivas;

••Dificuldades de utilização de segunda língua, visto Dificuldades de utilização de segunda língua, visto que, a língua gestual é a primeira língua das pessoas que, a língua gestual é a primeira língua das pessoas surdas;surdas;

••Assistir vídeos sem legendas;Assistir vídeos sem legendas;



/39

16

Usuários com limitações motorasUsuários com limitações motoras

••Interagir com várias telas;Interagir com várias telas;

••Deslocar ou tentar alcançar objetos;Deslocar ou tentar alcançar objetos;

••Executar ações que impliquem em precisão ou rapidez;Executar ações que impliquem em precisão ou rapidez;

••Interagir com interfaces unicamente acessíveis por Interagir com interfaces unicamente acessíveis por mouse;mouse;



/39

7/1/2010

9

17

Usuários com problemas de concentração,Usuários com problemas de concentração,memorização, leitura ou percepçãomemorização, leitura ou percepção

••Ler sem ouvir o texto lido em voz alta (Dislexia);Ler sem ouvir o texto lido em voz alta (Dislexia);

••Executar algumas tarefas no espaço e tempo Executar algumas tarefas no espaço e tempo requerido;requerido;

••Ler e compreender informações existentes;Ler e compreender informações existentes;

••Perceber qual a função de um objeto gráfico sem Perceber qual a função de um objeto gráfico sem legenda;legenda;

••Se concentrar num objeto se a interface tem muitos Se concentrar num objeto se a interface tem muitos elementos gráficos (principalmente se forem dinâmicos)elementos gráficos (principalmente se forem dinâmicos)



/39

18

Demonstração

/39

Fonte: Acesso Brasil. www.acessobrasil.org.br

7/1/2010

10

19

Separar a estrutura de apresentação, diferenciando conteúdo

(a informação a ser transmitida) e a estrutura ( forma como

a informação é organizada);

Criar páginas que cumpram a sua finalidade, possibilitando uma adaptar o melhor possível a canais sensoriais alternativos e as tecnologias de apoio disponíveis no mercado;

Criar páginas que não dependam exclusivamente de um tipo de equipamento.

Pontos-chaves na concepção de projetos para WEB

/39

20

Separar a estrutura de apresentação, diferenciando conteúdo

(a informação a ser transmitida) e a estrutura ( forma como

a informação é organizada);

Pontos-chaves na concepção de projetos para WEB

ExemplosExemplos

/39

7/1/2010

11

21

Fornecer alternativas ao conteúdo sonoro ou visualFornecer alternativas ao conteúdo sonoro ou visualFornecer alternativas ao conteúdo sonoro ou visualFornecer alternativas ao conteúdo sonoro ou visual

Fornecer um equivalente textual a cada elemento não-textual, utilizando ALT;

Fornecer ligações de texto para cada região ativa em um mapa de imagem;

Fornecer descrição textual para informações veiculadas em apresentações multimídias.

Para uma Web AcessívelSegundo RecomendaçõesW3C/WAI

/39

22

Fornecer alternativas ao conteúdo sonoro ou visualFornecer alternativas ao conteúdo sonoro ou visualFornecer alternativas ao conteúdo sonoro ou visualFornecer alternativas ao conteúdo sonoro ou visual

Para uma Web Acessível

ExemplosExemplos

/39

7/1/2010

12

23

Não recorrer apenas à corNão recorrer apenas à corNão recorrer apenas à corNão recorrer apenas à cor

Assegurar a perceptibilidade do texto e dos elementos gráficos quando vistos sem cor;

Assegurar contraste suficiente na combinação de cores entre fundo e o primeiro plano.


/39

24

Indicar claramente a linguagem utilizadaIndicar claramente a linguagem utilizadaIndicar claramente a linguagem utilizadaIndicar claramente a linguagem utilizada

Empregar anotações que facilitem a pronúncia e a interpretação de abreviaturas ou texto em língua

estrangeira


/39

7/1/2010

13

25

Criar tabelas passíveis de transformação harmoniosaCriar tabelas passíveis de transformação harmoniosaCriar tabelas passíveis de transformação harmoniosaCriar tabelas passíveis de transformação harmoniosa

Identificar os cabeçalhos de linha e coluna

Fornecer resumo das tabelas


/39

26

Assegurar que as páginas dotadas de novas tecnologiassejam transformadas harmoniosamente

Assegurar que as páginas dotadas de novas tecnologiassejam transformadas harmoniosamente

Assegurar acessibilidade a conteúdo dinâmico ou fornecer uma apresentação estática ou página alternativa


/39

7/1/2010

14

27

ExemplosExemplos


/39

28

Permitir o controle do usuário sobre as alterações Permitir o controle do usuário sobre as alterações temporais de conteúdo.temporais de conteúdo.

Permitir o controle do usuário sobre as alterações Permitir o controle do usuário sobre as alterações temporais de conteúdo.temporais de conteúdo.

Assegurar a possibilidade de interrupção momentânea do movimento, intermitência ou atualização automática de objetos ou páginas.


/39

7/1/2010

15

29

Fornecer mecanismos de navegação clarosFornecer mecanismos de navegação clarosFornecer mecanismos de navegação clarosFornecer mecanismos de navegação claros

Mecanismos claros de navegação aumentam a possibilidade do usuário encontrar informações na página ou site.

Garantir uma fácil compreensão do usuário, criando um estilo de apresentação coerente ao longo das diferentes páginas


/39

30

Símbolo de AcessibilidadeSímbolo de Acessibilidade

Avaliação de Páginas

oo Métodos automáticosMétodos automáticos são rápidos, mas,

não são capazes de identificar todos os

aspectos da acessibilidade.

oo Revisão manual Revisão manual pode ajudar a garantir a

clareza da linguagem e a facilidade de

navegação.

/39

7/1/2010

16

31

Ferramentas de análise da Acessibilidade à Web

oo Métodos automáticosMétodos automáticos

Agora WebXact

/39

32


oo Métodos automáticosMétodos automáticos

/39

7/1/2010

17

33

oo Revisão manualRevisão manual

UtilizarUtilizar váriosvários navegadores,navegadores, antigosantigos ee recentesrecentes..

Utilizar um navegador com leitores de tela, com Utilizar um navegador com leitores de tela, com software de ampliação, monitores monocromáticos, software de ampliação, monitores monocromáticos, etc.etc.

UtilizarUtilizar corretorescorretores ortográficosortográficos ee gramaticaisgramaticais.. AAeliminaçãoeliminação dosdos problemasproblemas gramaticaisgramaticais aumentaaumenta oograugrau dede compreensãocompreensão..

ReverRever oo documento,documento, verificandoverificando -- clarezaclareza eesimplicidadesimplicidade..

ValidarValidar asas páginaspáginas comcom usuáriosusuários reaisreais..


/39

34

Uma condiçãoUma condição--chave para a inclusão digital e socialchave para a inclusão digital e social

Uma ação que respeita a Diversidade Humana!Uma ação que respeita a Diversidade Humana!

Possibilitar pela participação e a igualdade de oportunidade Possibilitar pela participação e a igualdade de oportunidade a todos os atores sociaisa todos os atores sociais

Política de inclusão digital e social!Política de inclusão digital e social!

Por ser...Por ser...

Discutir a acessibilidade a Web

/39

7/1/2010

18

35

“A inclusão é uma visão, uma estrada a ser viajada, uma estrada sem fim, com todo tipo de barreiras e obstáculos, alguns dos quais estão em nossas mentes e em nossos corações.”

Mittler, 2003, p.21

Acessibilidade é Ligada a Inclusão

/39

36

oo WW33CC –– ConsórcioConsórcio parapara aa webweb–Web Content Accessibility Guidelines 1.0

http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/

Recomendações-Consórcio Mundial

/39

7/1/2010

19

37

oo daSilva daSilva -- http://www.dasilva.org.br/http://www.dasilva.org.br/

oo Examinator Examinator --http://www.acesso.umic.pt/webax/examinator.phphttp://www.acesso.umic.pt/webax/examinator.php

oo Hera Hera -- http://www.sidar.org/hera/index.php.pthttp://www.sidar.org/hera/index.php.pt

oo ASES ASES -- Avaliador e Simulador de Accesibilidad de Avaliador e Simulador de Accesibilidad de sítios sítios --https://www.governoeletronico.gov.br/acoeshttps://www.governoeletronico.gov.br/acoes--ee--projetos/eprojetos/e--MAG/asesMAG/ases--avaliadoravaliador--ee--simuladorsimulador--dede--acessibilidadeacessibilidade--sitiossitios

Avaliadores Automáticos em Português

/39

38 /39

•• Muito Obrigada!Muito Obrigada!

343o acessibilidade [modo de...

Documents