java para líderes e gerentes - amazon s3...2019/05/16 · cartilha w3cbr acessibilidade web...
TRANSCRIPT
![Page 1: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/1.jpg)
Globalcode – Open4education
Trilha – ChatbotsRafaelly Gruber Schoeffel
Precisamos falar sobre acessibilidade e chatbots
![Page 2: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/2.jpg)
Globalcode – Open4education
About me
Rafaelly G. Schoeffel
Engenheira de Pesquisa e Desenvolvimento
TOTVS – SP
![Page 3: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/3.jpg)
Globalcode – Open4education
Muitos sistemas ainda não são projetados para pessoas
com deficiências.
No censo de 2010, o Brasil tinha cerca de 23,9% de
pessoas com deficiência. Isso equivale a
aproximadamente 45.606.048 pessoas
![Page 4: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/4.jpg)
Globalcode – Open4education
Quem será beneficiado?
![Page 5: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/5.jpg)
Globalcode – Open4education
Como uma pessoa cega utilizaria um chatbot?
Como essa pessoa poderia interagir?
![Page 6: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/6.jpg)
Globalcode – Open4education
VoiceOver - Apple
Alguns chatbots simplesmente não são fáceis de usar
para pessoas com essas deficiências.
Não é capaz de identificar a maior parte dos
componentes UI dos chatbots
![Page 7: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/7.jpg)
Globalcode – Open4education
Quick replies vistos como textos.
![Page 8: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/8.jpg)
Globalcode – Open4education
Não reconhece botões e eles
não são clicáveis
![Page 9: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/9.jpg)
Globalcode – Open4education
Não diferencia idiomas
Não abre links
A leitura de emojis confunde o
texto
![Page 10: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/10.jpg)
Globalcode – Open4education
Não foi possível nem ler
as informações e
interagir com o card
![Page 11: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/11.jpg)
Globalcode – Open4education
Não foi possível abrir os links
nem ler as imagens
![Page 12: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/12.jpg)
Globalcode – Open4education
Não foi possível ler o
conteúdo da imagem
![Page 13: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/13.jpg)
Globalcode – Open4education
Quem é responsável por isso?
Developers?
Designers?
Leitores de tela?
Plataformas?
![Page 14: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/14.jpg)
Globalcode – Open4education
Como melhorar?
Tags ou algo que auxilie os leitores de tela?
Utilizar descrições (alt) para imagens?
Contraste de cores?
Ouvir e entender o que as pessoas com deficiência
precisam
![Page 15: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/15.jpg)
Globalcode – Open4education
Designing for accessibility
Temos o poder e a responsabilidade de garantir que
todos tenham acesso ao que criamos, independentemente
da capacidade, contexto ou situação.
Acessibilidade não se resume a leitores de tela!
![Page 16: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/16.jpg)
Globalcode – Open4education
O que já podemos fazer
Mensagem simples e objetivas, ajudar as pessoas com o
mínimo de interação possível.
Evitar jargões, gírias e acrônimos.
Não existe acessibilidade sem usabilidade e vice-versa.
Validar e testar com PCDs, diferentes
browsers e diferentes leitores de tela.
![Page 17: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/17.jpg)
Globalcode – Open4education
O que já podemos fazer
De preferencia para plataformas nas quais você pode
customizar o HTML.
Todas as mensagens devem ser navegáveis.
Tab-index
Indentificação das mensagens
Aria-label=“the bot said”
Aria-label=“you said”
![Page 18: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/18.jpg)
Globalcode – Open4education
O que já podemos fazer
Atributo aria-live para anunciar novas mensagens ao leitor
de tela.
Conteúdo rico com imagens (usar alt), textos e botões
(acessíveis por teclado).
O chatbot deve ser fácil de ser encontrado (link de
navegação direto).
![Page 19: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/19.jpg)
Globalcode – Open4education
“Para a maioria das pessoas, a tecnologia torna a vida mais
fácil. Para uma pessoa com necessidades especiais, a
tecnologia torna as coisas possíveis.”
(Jorge Fernandes e Francisco Godinho)
![Page 20: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/20.jpg)
Globalcode – Open4education
Referencias
Character vector created by freepik
We need to talk about accessibility on chatbots
Desmistificando acessibilidade na web o inicio
Designing for accessibility is not that hard
Making chatbots accessible
Accessibility and chatbots how make your chatbot user friendly
everyone
Cartilha w3cbr acessibilidade web fasciculo
![Page 21: Java para Líderes e Gerentes - Amazon S3...2019/05/16 · Cartilha w3cbr acessibilidade web fasciculo Obrigada! Rafaelly Schoeffel @rafaellygruber Rafaelly Schoeffel Precisamos falar](https://reader034.vdocuments.site/reader034/viewer/2022050604/5fab5c5bc3dace03cb55a3ad/html5/thumbnails/21.jpg)
Obrigada!Rafaelly Schoeffel
@rafaellygruber
Rafaelly Schoeffel
Precisamos falar sobre acessibilidade e chatbots