Slides da palestra realizada no The Developers Conference 2018 em SP, na Trilha de Acessibilidade. Essa apresentação é baseada no artigo publicado no UX Blog neste link: http://bit.ly/acessibilidade-toolkit Uma iniciativa (Todos por Acessibilidade): http://acessibilida.de Versão digital (Guia WCAG): http://guiawcag.com

1. Entendendo de uma vez por todas a WCAG

2. ...quem é Marcelo Sales?
• designer, atualmente atuando com UX, focado em Acessibilidade;
• 10 anos no Itaú Unibanco, sendo 6 deles na TI e os últimos 4 em UX;
• já atuei com marcas e identidade visual, embalagens, projetos gráficos,
motion 2D e 3D e conheço bem “código de designer” (html + css);
• articulista do Tableless, UX Blog e UX Collective;
• criador do projeto Todos por Acessibilidade (http://acessibilida.de)
Essa apresentação é baseada neste artigo publicado no UX Blog: http://bit.ly/acessibilidade-toolkit

3. Por que criar
um toolkit
de acessibilidade?
peraí...
antes de falar disso...

4. O que é WCAG?

9. Por que criar
um toolkit
de acessibilidade?

10. Porque estudar
a WCAG é
demorado, chato,
complicado...

11. Esse pensamento contribui
especialmente com duas coisas...
1) o não entendimento das diretrizes...
2) a não adoção completa das diretrizes...
(e consequentemente)

12. Desafio 1: Adoção de recomendações de acessibilidade em sites e publicações científicas
http://mwpt.com.br/desafios-e-oportunidades-de-pesquisa-em-acessibilidade-e-inclusao-digital-no-brasil/
Existe, de fato, uma dificuldade no entendimento das recomendações
de acessibilidade, mesmo com a adaptação ao contexto brasileiro?

13. Sim!
Há uma dificuldade enorme no
entendimento das diretrizes...

14. A primeira ideia
para o toolkit!

15. Tudo começou
em um
card sorting...

17. Existe toolkit
pra tudo!

25. Processo de
criação

26. MVP do TOOLKIT

27. Roughs e anotações

28. Teste de impressão
e revisão de textos

29. alguns cards passaram por até 6 revisões...

30. Construção
do “boneco”

38. Considerações
sobre design
inclusivo

40. guiawcag.com

45. Feedback
e repercussão...

48. UXConf Redux – Porto Alegre:
Felipe Barreto exemplificado a WCAG
com imagens do “guiawcag.com”

49. Próximos passos...

50. 1) criar tag identificando relacionamento entre áreas
prioritárias para cada critério (design, UX, TI, etc)
2) tutorial com métodos de aplicação e exemplos de uso
3) transformar a versão digital em um PWA
4) publicação em idioma inglês
5) braille em cartões impressos?!? J

51. Obrigado!
http://acessibilida.de
Dúvidas?
twitter | instagram | fb | medium | behance
@msales
e-mail
ola@acessibilida.de
linkedIn
@msales78
Marcelo Sales
acessibilidadetoolkit.com
guiawcag.com