Acessibilidadena Web: onde, comoe quando começar?       Vagner Figueredo de Santana    Instituto de Computação – UNICAMPOr...
Reflexões sobre termos•   Especiais?•   De inclusão?•   Necessidades especiais?•   Portadores de deficiência?•   Pessoas c...
Alguns números• Censo 2000 (IBGE)     14,5% têm algum tipo de deficiência     54% com 65 anos ou mais• Instituto Paulo M...
Design Acessível• Princípios que estendem o processo de  design padrão para pessoas com algum  tipo de limitação
Exemplo
Exemplo
Design Universal• Design de produtos e ambientes para  serem usáveis por todas as pessoas, na  maior extensão possível, se...
Exemplo
Exemplo
Nossa visão de AcessibilidadeDeficiência físicas                                Contexto de uso                           ...
Acessibilidade Web "As barreiras surgem a partir de um       contexto, e não de uma              deficiência"           (F...
Exemplo - Cotidiano
Exemplo - Web                Indicação visual       Aviso      sonoro
Acessibilidade Web• Pessoas com diferentes tipos de  deficiência também deveriam     Entender     Navegar     Interagir...
Tecnologias assistivas• Recursos que auxiliam pessoas com  deficiência no desenvolvimento de  atividades cotidianas, promo...
Exemplos
Onde?• No seu website institucional• Identificar responsabilidades do seu time  de mantenedores   Desenvolvedores   Desi...
Onde? Fonte: WAI – W3C
Como?• WARAU  (Websites Atendendo a Requisitos de  Acessibilidade e Usabilidade)• http://warau.nied.unicamp.br
WARAU – O projeto• Não é mais um tutorial de linguagens Web• Não se restringe às diretrizes de A&U• Integra     HTML    ...
WARAU – O projeto• Espaço para discussão• Exemplos de codificação• Tópicos práticos   Como fazer   Quais ferramentas usa...
WARAU• Projeto teve início em junho de 2007• Atualmente com mais de 5 mil visitas/mês
WARAU – Princípios1. Definir padrão de codificação2. Estruturar páginas e websites prezando o   reaproveitamento de código...
WARAU – Filtro de tópicos
WARAU – Tópico
WARAU – Tópico
WARAU – Formulários
WARAU – Formulários
Quando?• Decreto 5.296/2004   Sistemas Web da administração pública    devem ser acessíveis às pessoas com    deficiência...
Obrigado!  http://warau.nied.unicamp.br        vsantana@ic.unicamp.br        @santanavagner        @WARAU_UNICAMP
Upcoming SlideShare
Loading in …5
×

Acessibilidade web

1,053 views

Published on

Discussão sobre acessibilidade web e como agir usando o WARAU como ponto de partida.

http://warau.nied.unicamp.br

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,053
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Acessibilidade web

  1. 1. Acessibilidadena Web: onde, comoe quando começar? Vagner Figueredo de Santana Instituto de Computação – UNICAMPOrientação: Profª M. Cecília C. Baranauskas
  2. 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. 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. 4. Design Acessível• Princípios que estendem o processo de design padrão para pessoas com algum tipo de limitação
  5. 5. Exemplo
  6. 6. Exemplo
  7. 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. 8. Exemplo
  9. 9. Exemplo
  10. 10. Nossa visão de AcessibilidadeDeficiência físicas Contexto de uso Foto de muzo178 http://flickr.com/photos/muzo178/2654846599/Foto de hfabuloushttp://flickr.com/photos/henryfaber/399883604/
  11. 11. Acessibilidade Web "As barreiras surgem a partir de um contexto, e não de uma deficiência" (Fabiana Bonilha)
  12. 12. Exemplo - Cotidiano
  13. 13. Exemplo - Web Indicação visual Aviso sonoro
  14. 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. 15. Tecnologias assistivas• Recursos que auxiliam pessoas com deficiência no desenvolvimento de atividades cotidianas, promovendo a autonomia e independência
  16. 16. Exemplos
  17. 17. Onde?• No seu website institucional• Identificar responsabilidades do seu time de mantenedores  Desenvolvedores  Designers  Redatores
  18. 18. Onde? Fonte: WAI – W3C
  19. 19. Como?• WARAU (Websites Atendendo a Requisitos de Acessibilidade e Usabilidade)• http://warau.nied.unicamp.br
  20. 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. 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. 22. WARAU• Projeto teve início em junho de 2007• Atualmente com mais de 5 mil visitas/mês
  23. 23. WARAU – Princípios1. Definir padrão de codificação2. Estruturar páginas e websites prezando o reaproveitamento de código3. Prezar pela semântica no código4. Aplicar padrões e diretrizes de tecnologias e conceitos5. Não se restringir a padrões e diretrizes de tecnologias e conceitos6. Considerar a diversidade de usuários7. Considerar diferentes formas de apresentação de páginas Web8. Avaliação e validação9. Integrar tecnologias e conceitos durante todo o desenvolvimento
  24. 24. WARAU – Filtro de tópicos
  25. 25. WARAU – Tópico
  26. 26. WARAU – Tópico
  27. 27. WARAU – Formulários
  28. 28. WARAU – Formulários
  29. 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. 30. Obrigado! http://warau.nied.unicamp.br vsantana@ic.unicamp.br @santanavagner @WARAU_UNICAMP

×