Aula13 Acessibilidade

(1)

Programação

Visual

Aula 13

Acessibilidade

Acessibilidade é um exercício de cidadania,tanto para que a proporciona, como para que se beneficia

com ela.

Com ela podemos ter o uso pleno, seguro e independente dos espaços ou equipamentos, dando

condições de acesso a toda a população, independente de suas características físicas, idade,

(2)

3

Acessibilidade para todos

Todo cidadão tem o direito de acesso à informação!

O uso da internet está, cada vez mais, em todas as áreas da sociedade, tornando-a um importante recurso para educação, governo,

entretenimento, comunicação e comércio.

Em média, 10% da população mundial são de pessoas com deficiências e segundo os dados estatísticos do censo 2000 do IBGE, o Brasil possui

24,6 milhões de pessoas com deficiência ou seja, 14,5% da população brasileira. Além disso, a idade média da população está

crescendo. O benefício do uso da internet deve incluir estes cidadãos. Para tanto, as barreiras devem ser superadas.

O poder da web na sua

universalidade é ser

acessada por todos,

independente das suas

deficiências e

limitações”

(3)

5

Desenho Universal

O propósito do Universal Design é simplificar a vida das pessoas de todas as idades e habilidades, projetando produtos, meios de comunicação e ambientes usáveis por muitas pessoas, com pouco ou nenhum custo.

Por exemplo: cadeiras, computadores, edifícios,

carros,embalagens, etc., que foram projetados com

universal design, são utilizados por pessoas de diferentes habilidades, portanto atendem ao maior número de pessoas.

Acessibilidade x Desenho Universal

A criação de páginas web com design acessível beneficia não só pessoas com deficiências, mas também pessoas sem deficiência, em situações e características diversas, como por exemplo: Usuários de dispositivo móvel com tela pequena (celular, PDA), web-tv, quiosques.

Acesso à internet com conexão lenta. Equipamento sem áudio.

Impressora monocromática.

Outros navegadores que não os mais comuns. Ambiente ruidoso.

(4)

7

O que é Acessibilidade web?

Acessibilidade Web ou na internet significa permitir o

acesso à web por todos, independente de tipo de usuário, situação ou ferramenta, tornando as ferramentas e páginas web acessíveis a um maior

número de usuários, inclusive pessoas com

eficiências,idosos, usuários de navegadores alternativos, usuários de tecnologia assistiva e de acesso móvel.

Elementos chave

Como os Usuários podem acessar informações na internet, independente de suas limitações;

Como os Designers e Desenvolvedores podem criar conteúdos que funcione com dispositivos auxiliares para serem consumidos por esses usuários.

(5)

9

Acessibilidade e Padrões Web

Fazer um site utilizando os padrões web, é fazer um site melhor acessível a qualquer plataforma ou dispositivo, sem qualquer esforço, ou ainda, sem fazer uma versão específica para um dispositivo específico.

Acessibilidade é para todos! Desde o usuário que

tenta acessar o site do banco pelo desktop usando um browser como Opera e Firefox não conseguindo acessar corretamente o site, até aquele usuário que está preso no trânsito e aproveita para tentar mandar um e-mail pelo seu PDA.

O que engloba?

Sites e Aplicações web: onde as todos podem

perceber,compreender, navegar e interagir.

Navegadores media players, puglins: que podem

se usadas efetivamente por pessoas com deficiências e que funcionem bem com tecnologias assistidas.

Ferramentas de autoria web e tecnologias que envolvem a web: utilizadas para produção de

conteúdo e outras funções. Exemplo: Gerenciadores de Conteúdo.

(6)

11

Por que aplicá-la?

A internet abrange cada vez mais todas as áreas da sociedade.

Há barreiras na web para muitos tipos de deficiência. Milhões de pessoas possuem deficiências. No mínimo 10% da população em muitos países possuem

deficiências Visual, auditiva, física, fala, cognitiva e neurológica.

Estender o benefício para outros usuários.

A idade média da população em muitos países está crescendo, por tanto, há cada vez mais idosos no mundo.

Analfabetos funcionais e digitais, etc.

Vantagens

Melhora da performance dos serviços web.

(7)

13

Benefícios

Demonstração de compromisso e responsabilidade social.

Reforça a igualdade de acesso à informação.

Requisitos de design

Consistência no layout.

Interação explícita com as páginas. Identificadores explícitos.

Áreas do site bem determinadas.

(8)

15

Requisitos de conteúdo

Linguagem clara e objetiva.

Organização e hierarquia do conteúdo.

Agrupar elementos e dar informação contextual. Dividir a informação extensa em pequenos blocos. Manter um padrão de linguagem.

Regras Básicas

Fornecer alternativas equivalentes ao conteúdo

sonoro e visual;

Não recorrer apenas à cor;

Utilizar corretamente marcações e folhas de estilo;

Indicar claramente qual o idioma utilizado;

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

Assegurar que as páginas dotadas de novas

(9)

17

Assegurar a acessibilidade direta de interfaces do

usuário integradas;

Projetar páginas considerando a independência de

dispositivos;

Utilizar soluções de transição;

Utilizar tecnologias que se adaptem recomendações

do W3C;

Fornecer informações de contexto e orientações;

Fornecer mecanismos de navegação claros;

Assegurar o controle do usuário sobre as alterações

temporais do conteúdo;

Assegurar a clareza e a simplicidade dos

documentos.

Tipos de testes

Automáticos e semi-automáticos;

Checklist do WCAG 1.0;

Simulação com usuários com limitações e deficiências;

Compatibilidade com os padrões Web; Impressão;

Dispositivos móveis;

Outros ambientes e navegadores; Contrastes de cores;

(10)

19

1...2...3...Testando

Testar as páginas com um navegador

textual:Lynx,Lynx Viewer (Simulador)

Testar em vários navegadores gráficos, com: som e gráficos ativos;sem gráficos;sem som;sem mouse;sem carregar frames, programas

interpretáveis,folhas de estilo ou applets.

Testar em vários navegadores: antigos e recentes.

Testar em outras ferramentas: navegador de emissão automática de fala;leitores de tela:

Jaws,Virtual Vision (em português),DosVox (gratuito e em português); tela de pequenas dimensões, etc

(11)

21

Validadores de código

Acessibilidade

WebXACT (antigo Bobby) Cynthia Says

Wave A-Prompt

Da Silva (em português)

Sintaxe

W3C Markup Validation Service

CSS

W3C CSS Validation Service

Dicas

IMAGENS E ANIMAÇÕES:Use o atributo alt para

descrever a função de cada elemento visual.

IMAGEMAPS:Use mapas client-side (o tag map) e texto

para as regiões clicáveis.

MULTIMÍDIA: Inclua legendas e transcrições para o

áudio, e descrições para o vídeo.

HIPERLINKS: Utilize texto que faça sentido fora do

contexto. Evite a frase "clique aqui".

(12)

23

GRÁFICOS E DIAGRAMAS: Sumarize o conteúdo ou use o

atributo longdesc.

SCRIPTS, APPLETS E PLUG-INS: Para o caso de estarem

desabilitados ou de não serem suportados pelo browser, forneça conteúdo alternativo.

FRAMES: Use o tag noframes e empregue títulos significativos. TABELAS: Torne compreensível a leitura linha a linha. Resuma. VALIDE SEU TRABALHO: Use as ferramentas, checklist e os

guias disponíveis em http://www.w3.org/TR/WCAG.

Bibliografia

The Semantic Web in Action. Disponível em:

http://thefigtrees.net/lee/sw/sciam/semantic-web-in-action#single-page.

W3C. W3C Semantic Web Activity. Disponível em:

http://www.w3.org/2001/sw/. Último acesso em 12 de fevereiro de 2010.

(13)

25