Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Aplicando a WCAG em
projetos de inteligência artificial
10/2018
http://marcelosales.workhttp://acessibilida.de
No Itaú atuo na superintendência de UX com foco 100% em acessibilidade,
des...
O que é
Inteligência Artificial (IA)?
“Minha capacidade para ser feliz
poderia ser colocada em uma caixa de fósforos,
sem tirar os fósforos antes.”
Marvin, em “...
E as oportunidades são infinitas...
agentes
virtuais
análise de
identidade
robótica
cognitiva
análise de
discurso
sistemas...
para o exercício de hoje
iremos nos concentrar
em chatbots com IA...
mas antes de falar do exercício,
uma rápida introdução a WCAG...
WCAG
Web Content Accessibility Guidelines
”Content”, não ”Pages”
WCAG
40.500:2012
ISO
=
WCAG
4 Princípios
13 Recomendações
78 Critérios de Sucesso
4 Princípios
Perceptível aos olhos... aos ouvidos... ao tato...
Operável por mouse... por teclado... por voz...
Compreensí...
https://youtu.be/gem1qmA3qlE
Vídeo:
Minha filha, Maria Clara: o seu produto está preparado pas as novas gerações?
Alternativas em texto
Multimídia baseada em tempo
Adaptável
Discernível
Acessível por teclado
Tempo suficiente
Ataques epi...
A AA AAA
25+(5) 13+(7) 23+(5)
Critérios de Sucesso
(versão atual: WCAG 2.1)
78
mas se tem tudo documentado,
qual a finalidade do toolkit?
Desafio 1: Adoção de recomendações de acessibilidade em sites e publicações científicas
http://mwpt.com.br/desafios-e-opor...
Sim!
há uma dificuldade enorme no
entendimento das diretrizes...
...porque pode não parecer, mas
estudar a WCAG é...
demorado, chato, complicado...
essa questão contribui
especialmente com...
1) o não entendimento das diretrizes;
2) a não adoção completa das diretrizes....
vamos
praticar?
Como consultar as informações no toolkit?
por que chatbots
falham?
de volta ao exercício...
1) Inteligência Artificial (AI) ainda não é tão acessível
2) Casos de uso não são tão bons
3) alguns bots não tem transpar...
“Por favor, selecione uma opção acima”
“Deixe-me ver o menu principal”
“Por favor, selecione uma opção acima”
“Mostre as o...
“Obrigado! Aqui estão cinco itens que achamos que você
queira analisar.”
“Eu posso ver mais?”
“Nós recebemos sua mensagem!...
quais critérios de sucesso
você acredita serem relevantes
para a construção
de um chatbot acessível?
30 minutos!
valendoooo... J
mas afinal, quais são os critérios?
Perceptível
1.1.1 – Conteúdo não textual
1.3.2 – Sequencia com significado
1.3.3 – Car...
qualquer usuário
consegue utilizar o seu
produto ou serviço?
para refletir...
https://youtu.be/e2R0NSKtVA0
Vídeo:
Italian grandmother learning to use Google home
Max Tegmark , presidente do Instituto Futuro da Vida
”Tudo o que amamos sobre a civilização é um produto da inteligência,
...
Obrigado!
http://marcelosales.work
http://acessibilida.de
http://acessibilidadetoolkit.com
https://guia-wcag.com
é um PWA!...
Upcoming SlideShare
Loading in …5
×

Aplicando a WCAG em projetos de inteligência artificial

333 views

Published on

Slides da palestra realizada na Conferência Web Br 2018 em SP - Outubro/2018.

A palestra foi uma mescla entre apresentação informacional e um workshop onde os participantes manipularam o "Toolkit de Acessibilidade" que eu criei e a organização do evento imprimiu e distribuiu para os participantes do workshop.

Uma iniciativa (Todos por Acessibilidade): http://acessibilida.de

Versão para imprimir e livre para edição e contribuição: http://acessibilidadetoolkit.com
Versão digital do Toolkit (Guia WCAG): https://guia-wcag.com

Published in: Design
  • Be the first to comment

Aplicando a WCAG em projetos de inteligência artificial

  1. 1. Aplicando a WCAG em projetos de inteligência artificial 10/2018
  2. 2. http://marcelosales.workhttp://acessibilida.de No Itaú atuo na superintendência de UX com foco 100% em acessibilidade, desenvolvendo ferramentas de apoio, manuais sobre o tema e o fomento de uma cultura de acessibilidade para todas as áreas internas.
  3. 3. O que é Inteligência Artificial (IA)?
  4. 4. “Minha capacidade para ser feliz poderia ser colocada em uma caixa de fósforos, sem tirar os fósforos antes.” Marvin, em “O Guia do Mochileiro das galáxias” IA é uma área da ciência da computação que estuda a criação de máquinas inteligentes pra funcionar e reagirem como seres humanos. techopedia.com
  5. 5. E as oportunidades são infinitas... agentes virtuais análise de identidade robótica cognitiva análise de discurso sistemas de recomendação visualização de dados
  6. 6. para o exercício de hoje iremos nos concentrar em chatbots com IA...
  7. 7. mas antes de falar do exercício, uma rápida introdução a WCAG...
  8. 8. WCAG Web Content Accessibility Guidelines ”Content”, não ”Pages”
  9. 9. WCAG 40.500:2012 ISO =
  10. 10. WCAG 4 Princípios 13 Recomendações 78 Critérios de Sucesso
  11. 11. 4 Princípios Perceptível aos olhos... aos ouvidos... ao tato... Operável por mouse... por teclado... por voz... Compreensível conteúdo claro e sem ambiguidade... Robusto tem que funcionar em qualquer lugar...
  12. 12. https://youtu.be/gem1qmA3qlE Vídeo: Minha filha, Maria Clara: o seu produto está preparado pas as novas gerações?
  13. 13. Alternativas em texto Multimídia baseada em tempo Adaptável Discernível Acessível por teclado Tempo suficiente Ataques epiléticos Navegável Modalidade de Entrada Legível Previsível Assistência de entrada Compatível 13 Recomendações Perceptível Operável Compreensível Robusto
  14. 14. A AA AAA 25+(5) 13+(7) 23+(5) Critérios de Sucesso (versão atual: WCAG 2.1) 78
  15. 15. mas se tem tudo documentado, qual a finalidade do toolkit?
  16. 16. Desafio 1: Adoção de recomendações de acessibilidade em sites e publicações científicas http://mwpt.com.br/desafios-e-oportunidades-de-pesquisa-em-acessibilidade-e-inclusao-digital-no-brasil/ Existe, de fato, uma dificuldade no entendimento das recomendações de acessibilidade, mesmo com a adaptação ao contexto brasileiro?
  17. 17. Sim! há uma dificuldade enorme no entendimento das diretrizes...
  18. 18. ...porque pode não parecer, mas estudar a WCAG é... demorado, chato, complicado...
  19. 19. essa questão contribui especialmente com... 1) o não entendimento das diretrizes; 2) a não adoção completa das diretrizes. (e consequentemente)
  20. 20. vamos praticar?
  21. 21. Como consultar as informações no toolkit?
  22. 22. por que chatbots falham? de volta ao exercício...
  23. 23. 1) Inteligência Artificial (AI) ainda não é tão acessível 2) Casos de uso não são tão bons 3) alguns bots não tem transparência 4) eles não entendem o contexto 5) eles não se comunicam com sistemas de negócios existentes 6) eles tentam lidar com muitas coisas ao mesmo tempo 7) eles não possuem “fallback” humano https://chatbot.fail/
  24. 24. “Por favor, selecione uma opção acima” “Deixe-me ver o menu principal” “Por favor, selecione uma opção acima” “Mostre as opções originais” “Por favor, selecione uma opção acima” “volte para todas as demais escolhas” “Por favor, selecione uma opção acima” “Esse ‘bot’ é estúpido” https://chatbot.fail/
  25. 25. “Obrigado! Aqui estão cinco itens que achamos que você queira analisar.” “Eu posso ver mais?” “Nós recebemos sua mensagem! Retornaremos em breve, ou digite "Go shopping" para comprar...” https://chatbot.fail/
  26. 26. quais critérios de sucesso você acredita serem relevantes para a construção de um chatbot acessível?
  27. 27. 30 minutos! valendoooo... J
  28. 28. mas afinal, quais são os critérios? Perceptível 1.1.1 – Conteúdo não textual 1.3.2 – Sequencia com significado 1.3.3 – Características sensoriais 1.4.3 – Contraste (mínimo) 1.4.4 – Redimensionar texto 1.4.8 – Apresentação visual 1.4.10 – Refluxo 1.4.11 – contraste não-textual 1.4.12 – Espaçamento de texto Operável 2.1.1 – Teclado 2.1.2 – Sem bloqueio de teclado 2.1.4 – Atalhos de teclado por caracter 2.2.1 – Ajustável por tempo limite 2.2.4 – Interrupções 2.3.1 – Três flashes ou abaixo do limite 2.3.3 – Animações de interações 2.4.3 – Ordem do foco 2.4.4 – Finalidade do link (em contexto) 2.4.5 – Várias formas 2.4.6 – Cabeçalhos e rótulos 2.4.7 – Foco visível 2.5.5 – Tamanho da área clicável Compreensível 3.1.2 – Idioma das partes 3.1.3 – Palavras invulgares 3.1.4 – Abreviações 3.1.5 – Nível de leitura 3.1.6 – Pronúncia 3.2.1 – Em foco 3.2.2 – Em entrada 3.2.3 – Navegação consistente 3.2.5 – Alteração a pedido 3.3.1 – Identificação do erro 3.3.3 – Sugestão de erro 3.3.5 - Ajuda Robusto 4.1.1 – Análise (código) 4.1.3 – Mensagens de status no fim das contas... depende... ;)
  29. 29. qualquer usuário consegue utilizar o seu produto ou serviço? para refletir...
  30. 30. https://youtu.be/e2R0NSKtVA0 Vídeo: Italian grandmother learning to use Google home
  31. 31. Max Tegmark , presidente do Instituto Futuro da Vida ”Tudo o que amamos sobre a civilização é um produto da inteligência, portanto ampliar nossa inteligência humana com inteligência artificial tem o potencial de ajudar a civilização a crescer como nunca antes... ...desde que consigamos manter a tecnologia benéfica.”
  32. 32. Obrigado! http://marcelosales.work http://acessibilida.de http://acessibilidadetoolkit.com https://guia-wcag.com é um PWA! J @msales

×