O documento discute a importância da acessibilidade na web para todos os usuários, independentemente de deficiências ou limitações. Ele define o que é acessibilidade, discute como tornar sites acessíveis para deficientes visuais, auditivos e físicos, além de usuários com diferentes dispositivos e velocidades de internet. Também lista benefícios de sites acessíveis e padrões como o WCAG, e dá dicas para profissionais de diferentes áreas tornarem conteúdos acessíveis.

1. Acessibilidade na Web Taynara Jaegger da Silva [email_address] http://blogdatay.wordpress.com

2. 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.

3. 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

4. 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

5. 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/

6. Quem está envolvido com acessibilidade? Area comercial Arquitetura de informação Design Redação HTML Desenvolvimento Qualidade

7. Tornando um site acessível

8. Para arquitetos da informação Disposição de textos Se for preciso planejar versão mobile Versão Mobile Versão para PC http://www.twitter.com

9. Para designers “ O importante é a informação” Consistência de dados Links devem ter cara de links

10. Tamanho único não serve para todo mundo, melhor forma de resolver isso é com Layout fluído ou líquido http://www.anao.es

11. 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

12. 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

13. 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_flash/

14. 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

15. 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/

16. 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

17. Usar o atributo que determina a linguagem do site ‘ lang:pt’ Usar min-width e max-width, isso ajuda nas diferentes resoluções

18. Para Redatores

19. Para Desenvolvedores AJAX não funciona em mobile AJAX confunde os usuários de eitores de tela

21. Para Qualidade

23. Novas Tecnologias e Acessibilidade

24. Sites acessíveis não precisam ser necessariamente feios, sem cores, imagens e funcionalidades. Obrigada pela atenção!