Acessibilidade na Web

Taynara Jaegger da Silvataynaraj@gmail.comhttp://blogdatay.wordpress.com

O que é Acessibilidade?

Acessibilidade significa não apenas permitir que pessoas com

deficiências participem de atividades que incluem o uso de

produtos, serviços e informação,mas a inclusão e extensão do

uso destes por todas as parcelas presentes em uma

determinada

população.

Acessibilidade na Web

• Deficientes visuais (cegueira, daltonismo, baixa visão)

• Deficientes auditivos

• Deficientes físicos

• Usuários de todos os dispositivos

• Usuários com diferentes resoluções de tela

• Usuários com internet de baixa velocidade

Beneficios em criar sites acessíveis

• Expansão da base de usuários

• Menor demanda de infra-estrutura

• Usuários atuais com mais interesse para acessar

• Melhores resultados para SEO

• Melhor para a manutenção

Padrões para acessibilidade

São usadas regras de padronização para

acessbilidade do WCAG, atualmente na versão 2.0.

O WCAG é uma recomendação W3C.

Acesse:

http://www.w3.org/TR/WCAG/

Quem está envolvido com acessibilidade?

Area comercial

Arquitetura de informação

Design

Redação

HTML

Desenvolvimento

Qualidade

Tornando um site acessível

Para arquitetos da informação

• Disposição de textos

• Se for preciso planejar versão mobile

Versão Mobile Versão para PChttp://www.twitter.com

Para designers

“O importante é a informação”

• Consistência de dados

• Links devem ter cara de links

• Tamanho único não serve para todo mundo, melhor

forma de resolver isso é com Layout fluído ou líquido

http://www.anao.es

• Assegure-se que toda informação comunicada em cores

também esteja disponível sem cores

http://www.google.com/intl/pt-BR/googlecalendar/event_publisher_guide.html

https://twitter.com/signup

• Vídeos colocados nos sites precisam ser também

legendados

• É sempre melhor termos fontes do sistema no menu

• Links das notícias no topo da página

http://www.acessibilidadelegal.com/00-acessibilidade.php

Flash• A maioria dos mobiles não aceitam flash

• Sempre colocar Título e Descrição na caixa das

Propiedades do Documento

• Também existe o Painel de Acessbilidade do Flash,

que pode ser usado abrindo o menu Window >

Other Panels > Accessibility .

Mais informações :

http://imasters.uol.com.br/artigo/8146/flash/acessibilidade_em_fl

ash/

Flex• Todo gráfico existente no site, é legal também ter

sua versão em texto

• Nas propriedades do Flex, temos para habilitar

Acessibilidade assim como no Flash

Para o HTML

• HTML na ordem de leitura

• HTML semanticamente correto

• Colocar sempre nas imagens o atributo alt e title com a

descrição da imagem

• Textos na página nunca podem ser medidas por pixel,

use valores relativos (em,pt)

• Se usar frames, usar a tag interna <noframes>, e o

atributo ‘longdesc’

Ex: http://www.cepreuniversitario.com.br/

• Molduras dinâmicas são bem-vindas ‘ :focus (para

Firefox), :active (para IE) ‘

• Use e abuse da tag <caption>, dos atributos id, headers

e scope. Eles guiam o leitor de sites.

http://www.w3.org/TR/html401/struct/tables.html

• Usar o atributo que determina a linguagem do site ‘

lang:pt’

• Usar min-width e max-width, isso ajuda nas diferentes

resoluções

Para Redatores

Para Desenvolvedores

• AJAX não funciona em mobile

• AJAX confunde os usuários de eitores de tela

Para Qualidade

Novas Tecnologias e Acessibilidade

Sites acessíveis não precisam ser

necessariamente feios,

sem cores, imagens e funcionalidades.

Obrigada pela

atenção!