O documento discute como projetar sites e aplicativos de forma mais acessível para pessoas com autismo. Ele explica como o autismo afeta habilidades sociais e de comunicação e como computadores podem ser aliados, desde que projetados corretamente. Apresenta 10 diretrizes para projetar interfaces digitais de forma simples, objetiva e previsível para atender as necessidades de usuários com autismo.

1. Talita Pagani
@talitapagani
Como projetar sites e aplicativos mais
acessíveis a pessoas com autismo

2. AUTISMO
Síndrome de neurodesenvolvimento que
afeta as habilidades
Sociais
Comunicação
Interesse

3. AUTISMO
Imagem: Freepik.com

4. Como as pessoa com
Transtorno do Espectro do
Autismo (TEA) veem o mundo?

5. Vídeo “Autism and sensory sentivity”: https://www.youtube.com/watch?v=ycCN3qTYVyo

6. Estimativa da população com Autismo
em 2015 no Brasil*
2 Milhões
Estimativa da população com Autismo
somente no estado de São Paulo em 2010**
255 Mil
* Oliveira, 2015 ** Mello et al., 2013

7. Computadores:
Aliados das pessoas com Autismo
para desenvolver habilidades e
auxiliar em atividades de vida cotidiana

8. Carly Fleischmann
http://bit.ly/2bvmClz
Tecnologia pode ajudar a
Desenvolver habilidades
sociais e de comunicação
Ajudar a organizar rotina
Auxiliar na alfabetização
Auxiliar a se comunicar
com família e amigos

9. Porém...
Interação e Experiência de Uso projetadas
inadequadamente podem levar à estresse,
irritação, desconforto e ansiedade 

10. “Mas se eu fizer um site
acessível com base em nas
diretrizes existentes, eu
estarei atendendo a este
público”

11. Não é bem verdade
Para condições que envolvem
neurodesenvolvimento, pode ser necessário
simplificar ou adaptar o contéudo

12. Além disso
O não cumprimento de uma diretriz de
acessibilidade ou usabilidade afeta a pessoa
com Autismo de outra forma

13. Como faz?

14. De boa na lagoa, fera!
Estou tranquilo, amigo!
#1
Evite o uso de
metáforas e
figuras de
linguagem

15. #2
Use recursos
(áudio)visuais
junto a textos
Spotify
Booking

16. #3
Projete páginas
com layouts
simples,
consistentes e com
poucas distrações
https://willianjusten.com.br/criando-efeito-parallax-no-header/

17. #4
Seja previsível e
consistente nas
interações e na
navegabilidade
Livra.com

18. #5
Forneça
compatibilidade
com o mundo
real
Discover Our World

19. #6
Evite popups e
propagandas que
interrompam o
conteúdo http://kikolani.com/optin-popup-forms.html

20. #7
Forneça
restrições úteis
de interação
http://www.appcues.com/blog/the-5-best-user-
onboarding-experiences/

21. #8
Ajude a pessoa a
focar a atenção
na tarefa principal
Facebook

22. #9
Habilite
customização e
modo leitura
quando possível
https://support.mozilla.org/en-US/kb/view-articles-reader-
view-firefox-android

23. #10
Forneça
ergonomia, por
exemplo, boas
áreas de clique Sebrae

24. O importante é
Ser simples, objetivo, previsível e
deixar o usuário no controle

25. Baseado no meu projeto de mestrado
GAIA – Guia de Acessibilidade de
Interfaces Web com foco em
Aspectos do Autismo
http://talitapagani.com/gaia/
http://github.com/talitapagani/gaia/

26. Referências
DAHL, D. Web accessibility for people with cognitive disabilities. 2015. http://www.slideshare.net/dadahl/web-accessibility-for-
people-with-cognitive-disabilities
ELLISON, R. Designing for cognitive disabilities. 2011. http://www.slideshare.net/RuthEllison/designing-for-cognitive-disabilities/
IBGE, Censo Demográfico 2010. 2010. Disponível em: http://censo2010.ibge.gov.br/
MELLO, et al. Retratos do Autismo no Brasil. AMA: 2013.
http://www.ama.org.br/site/images/home/Downloads/RetratoDoAutismo.pdf
OLIVEIRA, C. Um retrato do autismo no Brasil. 2015. http://www.usp.br/espacoaberto/?materia=um-retrato-do-autismo-no-brasil
POUNCEY, I. Web Accessibility for Cognitive Disabilities and Learning Difficulties.
2010. Disponível em: https://dev.opera.com/articles/cognitive-disability-learning-difficulty/
SEEMAN, L.; COOPER, M. (Org.). Cognitive Accessibility User Research. 2015. Disponível em: https://www.w3.org/TR/coga-
user-research/
SMITH, J. Insights into Cognitive Web Accessibility. 2009. http://www.slideshare.net/jared_w_smith/insights-into-cognitive-web-
accessibility
WEBAIM. Cognitive. 2013.http://webaim.org/articles/cognitive/

27. Talita Pagani
@talitapagani
Obrigada!