Este documento discute acessibilidade na web, incluindo onde, como e quando começar a tornar sites acessíveis. Ele aborda termos relacionados à deficiência, números sobre deficiência no Brasil, design acessível versus design universal, tecnologias assistivas, e o projeto WARAU para tornar sites acessíveis de acordo com padrões e diretrizes.

1. Acessibilidade
na Web: onde, como
e quando começar?
Vagner Figueredo de Santana
Instituto de Computação – UNICAMP
Orientação: Profª M. Cecília C. Baranauskas

2. Reflexões sobre termos
• Especiais?
• De inclusão?
• Necessidades especiais?
• Portadores de deficiência?
• Pessoas com deficiência
• Antes disso tudo somos pessoas!

3. Alguns números
• Censo 2000 (IBGE)
 14,5% têm algum tipo de deficiência
 54% com 65 anos ou mais
• Instituto Paulo Montenegro
 73% dos brasileiros não são plenamente
letrados*
http://www.ipm.org.br/ipmb_pagina.php?mpg=4.02.02.00.00&ver=por

4. Design Acessível
• Princípios que estendem o processo de
design padrão para pessoas com algum
tipo de limitação

5. Exemplo

6. Exemplo

7. Design Universal
• Design de produtos e ambientes para
serem usáveis por todas as pessoas, na
maior extensão possível, sem a
necessidade de adaptação ou design
especializado
(Ron Mace, The Center for Universal Design)

8. Exemplo

9. Exemplo

10. Nossa visão de Acessibilidade
Deficiência físicas Contexto de uso
Foto de muzo178
http://flickr.com/photos/muzo178/2654846599/
Foto de hfabulous
http://flickr.com/photos/henryfaber/399883604/

11. Acessibilidade Web
"As barreiras surgem a partir de um
contexto, e não de uma
deficiência"
(Fabiana Bonilha)

12. Exemplo - Cotidiano

13. Exemplo - Web
Indicação visual
Aviso
sonoro

14. Acessibilidade Web
• Pessoas com diferentes tipos de
deficiência também deveriam
 Entender
 Navegar
 Interagir e
 Contribuir com a Web
(Web Accessibility Initiative)

15. Tecnologias assistivas
• Recursos que auxiliam pessoas com
deficiência no desenvolvimento de
atividades cotidianas, promovendo a
autonomia e independência

16. Exemplos

17. Onde?
• No seu website institucional
• Identificar responsabilidades do seu time
de mantenedores
 Desenvolvedores
 Designers
 Redatores

18. Onde?
Fonte: WAI – W3C

19. Como?
• WARAU
(Websites Atendendo a Requisitos de
Acessibilidade e Usabilidade)
• http://warau.nied.unicamp.br

20. WARAU – O projeto
• Não é mais um tutorial de linguagens Web
• Não se restringe às diretrizes de A&U
• Integra
 HTML
 CSS
 JavaScript
 Acessibilidade
 Usabilidade

21. WARAU – O projeto
• Espaço para discussão
• Exemplos de codificação
• Tópicos práticos
 Como fazer
 Quais ferramentas usar
 Quais resultados esperar
• Repositório de avaliações

22. WARAU
• Projeto teve início em junho de 2007
• Atualmente com mais de 5 mil visitas/mês

23. WARAU – Princípios
1. Definir padrão de codificação
2. Estruturar páginas e websites prezando o
reaproveitamento de código
3. Prezar pela semântica no código
4. Aplicar padrões e diretrizes de tecnologias e conceitos
5. Não se restringir a padrões e diretrizes de tecnologias e
conceitos
6. Considerar a diversidade de usuários
7. Considerar diferentes formas de apresentação de
páginas Web
8. Avaliação e validação
9. Integrar tecnologias e conceitos durante todo o
desenvolvimento

24. WARAU – Filtro de tópicos

25. WARAU – Tópico

26. WARAU – Tópico

27. WARAU – Formulários

28. WARAU – Formulários

29. Quando?
• Decreto 5.296/2004
 Sistemas Web da administração pública
devem ser acessíveis às pessoas com
deficiência visual
• 96% das 200 homepages mais populares
do mundo têm problemas em relação à
acessibilidade

30. Obrigado!
http://warau.nied.unicamp.br
vsantana@ic.unicamp.br
@santanavagner
@WARAU_UNICAMP