![Page 1: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/1.jpg)
Talita Pagani@talitapagani
Projetando sites adequados a pessoas com Autismo
![Page 2: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/2.jpg)
It´s me, Mario!11 de XP em TI
Mestre em Computação pela UFSCar
UX Designer na Nexaas
Professora Universitária
Membro do grupo de especialistas em Acessibilidade Web do W3C
![Page 3: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/3.jpg)
AUTISMO
Síndrome de neurodesenvolvimento que afeta as habilidades
Sociais
Comunicação
Interesse
![Page 4: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/4.jpg)
AUTISMO
Imagem: Freepik.com
![Page 5: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/5.jpg)
Estimativa da população com Autismo em 2015 no Brasil*
2 MilhõesEstimativa da população com Autismo
somente no estado de São Paulo em 2010**
255 Mil* Oliveira, 2015 ** Mello et al., 2013
![Page 6: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/6.jpg)
Soluções computacionais
Aliados das pessoas com Autismo para desenvolver habilidades e
auxiliar em atividades de vida cotidiana
![Page 7: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/7.jpg)
Carly Fleischmannhttp://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
![Page 8: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/8.jpg)
Porém...
Interação e Experiência de Uso projetadas inadequadamente podem levar à estresse,
irritação, desconforto e ansiedade
![Page 9: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/9.jpg)
Problemas
Pouco conhecimento sobre como desenvolver soluçõespara este público
Diretrizes existem, mas:Aquém do esperadoRestritas a artigos científicosPossivelmente de difícil compreensão e aplicação prática
![Page 10: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/10.jpg)
Outros problemas...
![Page 11: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/11.jpg)
Dados da survey do meu mestrado:
dos profissionais de TI não consideram ou consideram parcialmente pessoas com deficiências cognitivas ou neuronais em seus projetos84%
![Page 12: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/12.jpg)
Dados da survey do meu mestrado:
dos que não consideram o fazem porque não têm conhecimento suficiente sobre essas deficiências para aplicar em seus projetos75%
![Page 13: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/13.jpg)
Dados da survey do meu mestrado:
Disseram que empresa em que atuam não considera que estes usuários seriam parte do público-alvo dos projetos54%
![Page 14: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/14.jpg)
Dados da survey do meu mestrado:
Dos participantes desconheciam totalmente o WCAG33%Desconheciam o trabalho e as recomendações do COGA (Cognitive andLearning Disabilities Task Force - WAI -W3C)
54%
![Page 15: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/15.jpg)
“Mas se eu fizer um site acessível com base em nas diretrizes existentes, eu estarei atendendo a este público”
![Page 16: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/16.jpg)
Não é bem verdade
Para condições que envolvem neurodesenvolvimento, pode ser necessário
simplificar ou adaptar o contéudo
![Page 17: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/17.jpg)
Além disso
O não cumprimento de uma diretriz de acessibilidade ou usabilidade afeta a pessoa
com Autismo de outra forma
![Page 18: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/18.jpg)
? ?
Como desenvolver aplicações
adequadas a este público?
Como as crianças podem ser mais
autônomas usando a tecnologia?
Conheço pouco sobre
Autismo
Será que a tecnologia está
ajudando ou criando
barreiras?
Gap Semântico
Programador Educador
Desafio também para conscientizar múltiplos profissionais
![Page 19: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/19.jpg)
Como faz?
![Page 20: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/20.jpg)
Consistência
Previsibilidade / rotina
Distrações
Sons e cores
Controle do usuário
Prevenção de erros
Aspectos críticos
![Page 21: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/21.jpg)
10 DicasDe como tornar a experiência
melhor para este público
![Page 22: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/22.jpg)
De boa na lagoa, fera!
Estou tranquilo, amigo!
#1Evite o uso de metáforas e figuras de linguagem
![Page 23: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/23.jpg)
#2Use recursos (áudio)visuais junto a textos
Spotify
Booking
![Page 24: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/24.jpg)
#3Projete páginas
com layouts simples e
consistentehttps://willianjusten.com.br/criando-efeito-parallax-no-header/
![Page 25: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/25.jpg)
#4Seja previsível e consistente nas interações e na navegabilidade
Livra.com
![Page 26: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/26.jpg)
#5Forneça
compatibilidade com o mundo
realMarble jar
![Page 27: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/27.jpg)
#5Forneça
compatibilidade com o mundo
real
Discover Our World
![Page 28: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/28.jpg)
#6Evite popups e
propagandas que interrompam o
conteúdohttp://kikolani.com/optin-popup-forms.html
![Page 29: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/29.jpg)
#7Forneça
restrições úteis de interação
http://www.appcues.com/blog/the-5-best-user-
onboarding-experiences/
![Page 30: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/30.jpg)
#8Ajude a pessoa a focar a atenção
na tarefa principalFacebook
![Page 31: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/31.jpg)
#8Ajude a pessoa a focar a atenção
na tarefa principalhttp://www.appcues.com/blog/the-5-best-user-
onboarding-experiences/
![Page 32: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/32.jpg)
#9Habilite
customização e modo leitura
quando possível
https://support.mozilla.org/en-US/kb/view-articles-reader-
view-firefox-android
![Page 33: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/33.jpg)
#10Forneça
ergonomia, por exemplo, boas áreas de clique
Sebrae
![Page 34: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/34.jpg)
O importante éSer simples, objetivo, previsível e
deixar o usuário no controle
![Page 35: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/35.jpg)
Projeto em construçãoGAIA – Guia de Acessibilidade de
Interfaces Web com foco emAspectos do Autismo
http://talitapagani.com/gaia/http://github.com/talitapagani/gaia/
![Page 36: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/36.jpg)
ReferênciasDAHL, 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/
![Page 37: Construindo sites adequados para pessoas com Autismo - Webbr 2016](https://reader031.vdocuments.mx/reader031/viewer/2022021918/58872f391a28abc0748b4b49/html5/thumbnails/37.jpg)
Talita Pagani@talitapagani
Obrigada!