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?

• Qualidade, Designer, Área Comercial, HTML, Redação,

Arquitetura de Informação, Desenvolvimento.
Para arquitetos da informação

• Disposição de textos
• Se for preciso planejar versão mobile
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.
• Assegure-se que toda informação comunicada em cores
também esteja disponível sem cores
• 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
 • Sempre colocar Título e Descrição na caixa das Propriedades
do Documento

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’
• 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.
• 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

• Evitar o link escrito “Clique aqui”

• Montar PDFs acessíveis com:
• Textos pesquisável
• Fontes que permitem que caracteres sejam extraídos
para o texto
• Ordem de leitura e marcas de estrutura do documento
• Campos de formulário interativos
• Ferramenta de navegação
• Idioma do documento
Para Desenvolvedores

• AJAX não funciona em mobile

• AJAX confunde os usuários de leitores de tela
• Captchas com somente imagem não são bem-vindos (tem que
ter som )

Para Qualidade

• Usando validadores de Acessilidade

• Dasilva (http://www.dasilva.org.br)
• Truwex online
(http://checkwebsite.erigami.com/accessibility.html)
• ASES (http://www.governoeletronico.gov.br/acoes-e-
projetos/e-MAG/ases-avaliador-e-simulador-de-
acessibilidade-sitios)
• Cynthia Says ( http://www.cynthiasays.com/ )
• Usando leitores de tela
• JAWS
• Virtual Vision
• DOSVOX
• TextAloud ( para PDFs )
Sites acessíveis não precisam ser necessariamente feios, sem cores,
imagens e funcionalidades.