Acessibilidade Web Cognitiva
-
Upload
talita-pagani -
Category
Internet
-
view
296 -
download
2
Transcript of Acessibilidade Web Cognitiva
It´s me, Mario!
12 de XP em TI
Mestre em Computação pela UFSCar
UX Designer na Nexaas
Fundadora da Utilizza – Design de Interação
Membro do grupo de especialistas em Acessibilidade Web do W3C
Membro das #GarotasCPBr desde sua fundação em 2010
Deficiência visual?
Leitores de tela?
Recursos assistivos?
Teclado adaptado?
Talvez deficiência auditiva?
http://br.freepik.com/vetores-gratis/projeto-duvidar-man_987207.htm
Estes são alguns problemas recorrentes para pessoas que possuem alguma deficiência
cognitiva, neuronal ou de apredizagem
Definição:
Condições, síndromes ou transtornos relacionados ao desenvolvimento da memória, atenção, linguagem, comunicação, habilidade de comunicação e letramento, dentre outras funções cognitivas e de neurodesenvolvimento.
(SEEMAN; COOPER, 2016)
Source: http://www.slideshare.net/RuthEllison/designing-for-cognitive-disabilities/6-
There_is_no_onesizefitsallrulebr
Estimativa da população com Autismo em 2015 no Brasil*
2 Milhões
Estimativa da população com Autismosomente no estado de São Paulo em 2010**
255 Mil
* Oliveira, 2015 ** Mello et al., 2013
Funções afetadas
Memória/memorização;
Resolução de problemas;
Leitura;
Compreensão verbal ou linguística (lidar com materiais escritos);
Compreensão visual;
Foco e atenção;
Compreensão matemática
(POUNCEY, 2010; WEBAIM, 2014)
Soluções computacionais
Aliados das pessoas com deficiências cognitivas para desenvolver habilidades e
auxiliar em atividades de vida cotidiana
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
Porém...
Interação e Experiência de Uso projetadas inadequadamente podem levar à estresse,
irritação, desconforto e ansiedade
Algumas dificuldades
Estas deficiências são complexas (muitas variações)
Não são binária
De difícil identificação
Podem se sobrepor (ex.: TDAH e Dislexia)
São pouco endereçadas em recomendações
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%
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%
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%
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%
“Mas se eu fizer um site acessível com base em nas diretrizes existentes, eu estarei atendendo a este público”
Não é bem verdade
Para condições que envolvem neurodesenvolvimento, pode ser necessário
simplificar ou adaptar o contéudo
? ?
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
o tema
Será que a tecnologia está
ajudando ou criando
barreiras?
Gap Semântico
Programador Educador
Desafio também para conscientizar múltiplos profissionais
Consistência
Previsibilidade / rotina
Distrações
Sons e cores
Controle do usuário
Prevenção de erros
Aspectos críticos
#1Indique claramente
o progresso e forneça
indicativos de navegação Livra.com
(Ellison, 2011) Dislexia, Autismo e Dificuldades de Memória
#2Forneça recursos
de multimodalidade e
representações redundantes Imagens do app SocialClues
(ELLISON, 2011; WEBAIM, 2013; SMITH, 2009)
Dislexia, Disgrafia, Discalculia, Autismo e Dificuldades de Aprendizagem
#2Forneça recursos
de multimodalidade e
representações redundantes
(ELLISON, 2011; WEBAIM, 2013; SMITH, 2009)
Dislexia, Disgrafia, Discalculia, Autismo e Dificuldades de Aprendizagem
Spotify
Booking
#2Forneça recursos
de multimodalidade e
representações redundantes
(ELLISON, 2011; WEBAIM, 2013; SMITH, 2009)
Dislexia, Disgrafia, Discalculia, Autismo e Dificuldades de Aprendizagem
http://webaim.org/articles/cognitive/
#3Projete páginas
com layouts simples e
consistentehttps://willianjusten.com.br/criando-efeito-parallax-no-header/
Dislexia, Autismo, TDA/TDAH e Dificuldades de Aprendizagem
(ELLISON, 2011; WEBAIM, 2013)
De boa na lagoa, fera!
Estou tranquilo, amigo!
#4Evite o uso de metáforas e figuras de linguagem
Dislexia, Autismo e Dificuldades de Aprendizagem
#6Evite popups e
propagandas que interrompam o
conteúdohttp://kikolani.com/optin-popup-forms.html
Autismo e Dificuldades de Aprendizagem
#7Forneça
restrições úteis de interação
http://www.appcues.com/blog/the-5-best-user-onboarding-experiences/
Autismo e Dificuldades de Aprendizagem
#8Ajude a pessoa a focar a atenção
na tarefa principalFacebook
Dislexia, Autismo e Dificuldades de Aprendizagem
#8Ajude a pessoa a focar a atenção
na tarefa principalhttp://www.appcues.com/blog/the-5-best-user-
onboarding-experiences/
Dislexia, Autismo e Dificuldades de Aprendizagem
#9Habilite
customização e modo leitura
quando possívelhttps://support.mozilla.org/en-US/kb/view-articles-reader-view-firefox-android
Dislexia, Disgrafia, Autismo
#10Forneça
ergonomia, por exemplo, boas áreas de clique
Sebrae
Dislexia, Autismo e Dificuldades de Aprendizagem
#11Habilite
customizaçãoquando possível
Dislexia, Disgrafia, Autismo
http://www.raphaelfabeni.com.br/
#12Forneça
Feedbacksadequados
Dislexia, Autismo e Dificuldades de Aprendizagem
Imagens de Interaction-Design.org
Facilite a escolha das opções
Permita que usuários controlem movimento e tempo (cuidado com autoplay e timeout de forms)
Evite menus com muitos níveis, muitas opções e submenus
Cuidado com flat design
Atente-se à ortografia dos itens
Confirme ações
Outras dicas(ELLISON, 2011; WEBAIM, 2013;
DAHL, 2015; SMITH, 2009)
O importante éSer simples, objetivo, consistente,
previsível, apreensível e deixar o usuário no controle
Projeto em construção
GAIA – Guia de Acessibilidade de Interfaces Web com foco em
Aspectos do Autismo
http://talitapagani.com/gaia/http://github.com/talitapagani/gaia/
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/