Acessibilidade
-
Upload
taynaraj -
Category
Technology
-
view
1.978 -
download
5
description
Transcript of Acessibilidade
Acessibilidade na Web
Taynara Jaegger da [email protected]://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!