Talita Pagani

@talitapagani

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

@garotascpbr | facebook.com/GarotasCPBr

@nexaasoficial | facebook.com/nexaas

@utilizzaco

@meninasautistas | facebook.com/meninascomautismo

@w3cbrasil | @cewebbr

O que vêm à mente quando falamos em

Acessibilidade Web?

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

E quanto à usuários que têm dificuldade de manter o

foco e a concentração em um texto?

E quanto à usuários que têm problemas de memória de

curto prazo?

E quanto à usuários que não conseguem relacionar uma representação de um objeto ao

objeto?

E quanto à usuários que têm dificuldade de interpretar

metáforas e expressões conotativas?

E quanto à usuários que têm dificuldade com conteúdo que é mais textual que visual?

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

1,3% da populaçãono Brasil tem alguma dessas condições,

segundo o Censo de 2010

IBGE, 2010

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

Porém...

Má usabilidade e acessibilidade impedem MESMO a pessoa de utilizar o sistema

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

Outros problemas...

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

Como faz?

Consistência

Previsibilidade / rotina

Distrações

Sons e cores

Controle do usuário

Prevenção de erros

Aspectos críticos

DicasDe como tornar a experiência

melhor para este público

#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

#5Forneça

compatibilidade com o mundo

realMarble jar

Autismo

#5Forneça

compatibilidade com o mundo

real

Discover Our World

Autismo

#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

#13Tenha suporte a

alternativespelling

Dislexia, Disgrafia

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/

Talita Pagani@talitapagani | @garotascpbr | @utilizzaco

Obrigada!