Aplicações Digitais Acessíveis

Aula ministrada para na Uninassau para os alunos do 2º Período do curso de Sistemas da Informação

1. Capa
2. APLICAÇÕES DIGITAIS ACESSÍVEIS Wagner Beethoven
3. Olá, sou Wagner 3 Profissional da Tecnologia da Informação com foco no Design de Produtos Digitais. #design #agilidade #usabilidade #acessibilidade Fala comigo: http://sumo.pe
4. Índice: Capacitismo, Deficiência e Acessibilidade Pesquisa 1: Perfil da Turma Contexto da Acessibilidade • Mouse para canhotos, vídeo em um idioma estrangeiro sem legendas e receita médica que não conseguimos ler Capacitismo • Conceito • Expressões Capacitistas e Alternativas Deficiência • Histórico — O início • Conceito de “Deficiência” • Tipos de deficiência e especifidades da deficiência: visual, auditiva e psicossocial • Entendendo a exclusão • Histórico — No Brasil e Lei Brasileira de Inclusão 4 Acessibilidade • Pesquisa 2: Conceito de inclusão e acessibilidade • O que é acessibilidade? • O que é inclusão? • Conceitos brasileiros sobre “Acessibilidade” • Qual o propósito da acessibilidade? • Dimensões da acessibilidade: atitudinal, arquitetônica, instrumental, metodológica e natural, comunicacional e programática • O mundo adaptado • É escada ou rampa? • O que é acessibilidade digital? • Impactos da acessibilidade para produto e negócio • Exemplos de acessibilidade digital • Acessibilidade para quem?
5. Índice: inclusão e acessibilidade na prática Inclusão e acessibilidade, na prática • Motivação para mudança na acessibilidade • Projetado para 7 bilhões • Influenciar para a “Acessibilidade” • Usabilidade 💞 Acessibilidade • Usabilidades e as Heurísticas de Jakob Nielsen • Heurísticas da acessibilidade • Recomendações W3C/WCAG: 1.0, 2.0 e 3.0 • WCAG X UAAG X ATAG • A WCAG e os critérios • Guias de Acessibilidade Digital • Adaptações personalizadas • Ferramentas para: computador, design/ desenvolvimento e plugins para navegadores 5
6. Agenda CAPACITISMO 6 DEFICIÊNCIA ACESSIBILIDADE
7. 7 Pesquisa 1: Perfil da turma (1)
8. 8 Pesquisa 1: Perfil da turma (2)
9. 9 Contexto Escreva sua dúvida
10. Mouse para canhotos Fonte: Melhor mouse para jogos para canhotos 10 Escreva sua dúvida
11. Vídeo em um idioma estrangeiro sem legenda 11 Fonte: The National Anthem Of Iraq | Beshar Al-Azzawi | TEDxBaghdad Escreva sua dúvida
12. Receita médica que não conseguimos ler 12 Escreva sua dúvida
13. Capacitismo 13 Conceito; Expressões.
14. O que é capacitismo? 14 É um sistema de opressão que impede a inclusão da pessoa com deficiência de: • Estar no centro das decisões; • Ocupar espaços de poder; • Sentir-se representada socialmente. Escreva sua dúvida “O capacitismo é a ideia de que pessoas com deficiência são inferiores àquelas sem deficiência, tratadas como anormais, incapazes, em comparação com um referencial definido como perfeito.” Lau Patrón - Ponte Educação para Diversidade
15. 15 😢 Não fale Expressões Capacitistas e Alternativas (1) 🙂 Fale Pessoa portadora de deficiência. Pessoa com necessidade especial. Qual a sua doença? Qual o seu problema? Você nem parece deficiente! Pessoa deficiente. * E se você já estiver com intimidade e se sentir confortável, continue a conversa, se aprofundando um pouco mais sobre a pessoa. Isso gera conexão e proximidade. Pessoa com deficiência. Qual a sua deficiência?* Escreva sua dúvida
16. 16 😢 Não fale Expressões Capacitistas e Alternativas (2) 🙂 Fale “Apesar de deficiente, ele é um ótimo analista.” “Ela é cega, mas mora sozinha” “Ele é surdo, porém um ótimo colaborador” Ele tem deficiência e é um ótimo analista. Ela é cega e mora sozinha. Ele é um ótimo colaborador. “Seu irmão possui deficiência?” “Que mancada” “Seu irmão é normal?” “Que vacilo” Escreva sua dúvida
17. 17 😢 Não fale Expressões Capacitistas e Alternativas (3) 🙂 Fale Dando uma de “João Sem Braço” “Seu retardado” “Ele está autistando” Se fazendo de “desentendido” “Seu avoado” Ele está “distraído” “Para de ser mongol” “Para de ser bobo” “Está surdo?” “Entendeu o que falei?” “Parece que é cego” “Preste atenção” Escreva sua dúvida
18. 18 “5 de expressões para substituir do vocabulário” Fonte: Ivan Baron (@ivanbaron) Influenciador da Inclusão Escreva sua dúvida
19. Deficiência 19 Histórico no Mundo; Conceito; Tipos; Especificidade de cada um; Entendendo a exclusão; Histórico e Legislação no Brasil.
20. 20 Declaração Universal dos Direitos Humanos 10 de dezembro 1948 Convenção sobre os Direitos das Pessoas com Deficiência. 13 de dezembro de 2006 Elaborada ao longo de 4 anos, contou com a participação de 192 países membros da ONU e de centenas de representantes da sociedade civil de todo o mundo. • Assinatura de decretos; • Reconhecimento da dignidade e direitos iguais; • Parâmetros e regras para a acessibilidade. NADA SOBRE NÓS, SEM NÓS Fonte: ONU Histórico — O início Escreva sua dúvida
21. Segundo a OMS, em 2020, eficiência e ineficiência diferem de deficiência. Eficiência/Ineficiência Significa o quão bem/mal é executada uma tarefa, seja por uma pessoa ou artefato. Deficiência É a perda permanente total ou parcial de uma das funcionalidades do corpo. 21 Conceito de “Deficiência” Escreva sua dúvida
22. 22 Tipos de deficiência Física/ Motora Visual Auditiva Intelectual/ Mental Surdocegueira/ Múltipla Fonte: Freepik | IFRS Escreva sua dúvida
23. Especificidades da deficiência visual 23 Algumas pessoas são cegas, outras possuem baixa visão. • Sempre realize sua autodescrição; • Identifique-se quando estiver se aproximando da pessoa e quando sair de perto avise; • Palavras como “olhe” e “veja” podem ser utilizadas; • A pessoa com deficiência visual não tem 6º sentido; • Conduzir é orientar a locomoção; • Evite brincadeiras de adivinhação; • Pessoas com deficiência visual assinam e têm documentos; • Se a pessoa tiver um cão guia, não brinque com o cachorro; • Pessoas com deficiência visual usam computador e celular com auxílio de leitores de tela. Escreva sua dúvida 2 3
24. Especificidades da deficiência auditiva 24 Algumas pessoas são surdas, outras possuem baixa audição. • O termo indicado para pessoas sem audição é apenas surdo ou surda; • Algumas pessoas podem se oralizadas e/ou sinalizadas e/ou implantadas; • Algumas pessoas podem saber português; • Alternativas de comunicação: escrita, LIBRAS, expressões faciais, desenhos, gestos, mímicas; Escreva sua dúvida 2 4
25. Especificidades da deficiência psicossocial 25 Há diversos transtornos e deficiências psicossociais, dentre elas TEA, TDAH, bipolaridade, dislexia… • Dificuldade de aprendizagem não significa falta de inteligência; • Seja bastante didático, escolha palavras simples; • Não subestime o potencial de desenvolvimento e aprendizagem; • Explique calmamente as tarefas; • Mostre como fazê-las; • Peça para repetir; • Apresente uma tarefa por vez; • Ao orientar, esteja totalmente focada no profissional; Escreva sua dúvida 2 5
26. 26 Entendendo a exclusão População brasileira têm algum tipo de deficiência. 24% 45,6 milhões de pessoas no Brasil têm algum tipo de deficiência 28 milhões de idosos e mais de 11 milhões de analfabetos no Brasil 95% dos brasileiros não falam inglês Escreva sua dúvida
27. 27 0.46% dos 21 mi de sites ativos brasileiros são acessíveis — Web para Todos (2022)
28. 28 Histórico — No Brasil • A Convenção da ONU sobre os Direitos das Pessoas com Deficiência foi incorporada à legislação brasileira em 2008. • O Brasil decidiu ratificá-la com equivalência de emenda constitucional, nos termos previstos no Artigo 5º, § 3º da Constituição brasileira, reconhecendo um instrumento que gera maior respeito aos Direitos Humanos. • A Convenção e seu Protocolo Facultativo são uma referência essencial para um Brasil com acessibilidade, no sentido mais amplo desse conceito. Não é o limite individual que determina a deficiência, mas sim as barreiras existentes nos espaços, no meio físico, no transporte, na informação, na comunicação e nos serviços. • Um dos compromissos do Governo brasileiro, por intermédio da Secretaria de Direitos Humanos da Presidência da República, é assegurar um País acessível para todas e todos, o que significa reconhecer e realizar os direitos de mais de 45 milhões de pessoas com deficiência. Escreva sua dúvida
29. 29 Lei Brasileira de Inclusão É instituída, em 2015, a Lei Brasileira de Inclusão da Pessoa com Deficiência (Estatuto da Pessoa com Deficiência), destinada a assegurar e a promover, em condições de igualdade, o exercício dos direitos e das liberdades fundamentais por pessoa com deficiência, visando à sua inclusão social e cidadania. Esta Lei tem como base a Convenção sobre os Direitos das Pessoas com Deficiência e seu Protocolo Facultativo. Escreva sua dúvida
30. Acessibilidade Conceitos; Propósito; Dimensões; Responsabilidade; Barreiras. 30
31. 31 Pesquisa 2: Conceito de inclusão e acessibilidade
32. O que é acessibilidade? 32 Assegurar às pessoas com deficiência o acesso, em igualdade de oportunidades com as demais pessoas, ao meio físico, ao transporte, à informação e comunicação, inclusive aos sistemas e tecnologias da informação e comunicação, bem como a outros serviços e instalações abertos ao público ou de uso público, tanto na zona urbana como na rural. Escreva sua dúvida Convenção Sobre os Direitos das Pessoas com Deficiência - Unicef (2012):
33. O que é inclusão? 33 Conjunto de medidas direcionadas a indivíduos excluídos do meio social, seja por alguma deficiência física ou psicológica, cor da pele, orientação sexual, gênero ou poder aquisitivo na comunidade. Dessa forma, o objetivo dessas ações é possibilitar que todos os cidadãos tenham oportunidades de acesso a bens e serviços, como saúde, educação, emprego, renda, lazer, cultura, entre outros. Escreva sua dúvida Politize!:
34. 34 Conceitos brasileiros sobre “Acessibilidade” • Decreto Federal n° 5.296/2004 [1], artigo 8.º — I (2004) • Acessibilidade, Legislação Federal (2008) Possibilidade e condição de alcance para utilização, com segurança e autonomia, dos espaços, mobiliários e equipamentos urbanos, das edificações, dos transportes e dos sistemas e meios de comunicação e informação, por pessoa portadora de deficiência ou com mobilidade reduzida. Escreva sua dúvida
35. Qual o propósito da acessibilidade? 35 Promover a equidade nas relações humanas. Igualdade É baseada no princípio da universalidade, ou seja, que todos devem ser regidos pelas mesmas regras e devem ter os mesmos direitos e deveres. Equidade Reconhece que não somos todos iguais e que é preciso ajustar esse “desequilíbrio”. Tribunal de Justiça do Distrito Federal e dos Territórios (2022):
36. Barreiras culturais, preconceitos e estigmas. Vídeo ao lado mostra uma conversa entre ouvinte e pessoa surda vocalizada e que consegue fazer a leitura labial. Dimensões da acessibilidade: atitudinal 36 Fonte: Conversando com os surdos Escreva sua dúvida
37. Dimensões da acessibilidade Arquitetônica Barreiras em espaços, transportes e prédios públicos e privados. 37 Metodológica Obstáculos nos métodos, técnicas e processos de trabalho. Instrumental Barreiras nas ferramentas e instrumentos de trabalho. Natural Barreiras e obstáculos da natureza. Escreva sua dúvida
38. Obstáculos na comunicação interpessoal que dificultem ou impossibilitem a expressão, ou o recebimento de mensagens por intermédio dos meios, ou sistemas de comunicação. Por exemplo: Pessoas surdas e o ensino regular com língua portuguesa e a LIBRAS. Dimensões da acessibilidade: comunicacional 38 Fonte: Inclusão de cegos e surdos na escola ainda é um desafio na educação Escreva sua dúvida
39. Dimensões da acessibilidade: programática 39 Fonte: PCD Legal Escreva sua dúvida Obstáculos invisíveis existentes em legislações, normas e regulamentos.
40. O mundo adaptado 40 Fonte: Audiodescrição O Mundo Adaptado Comercial francês apresenta um local adaptado para as pessoas com deficiência, a propaganda sobre acessibilidade, não é tão acessível, apesar de apresentar sua mensagem em imagens e sons, não há audiodescrição ou legendas. Escreva sua dúvida
41. É escada ou rampa? 41 Fonte: FlexStep Lift (cambridgeelevator.ca) Escreva sua dúvida
42. O que é acessibilidade digital? 42 A acessibilidade à informação no espaço digital (2002) - Elisabeth Fátima Torres, Alberto Angel Mazzoni e João Bosco da Mota Alves Acessibilidade Digital consiste em tornar disponível todas as informações, de maneira autônoma ao usuário, da forma que lhe for acessível, e sem comprometer o seu entendimento do conteúdo. Escreva sua dúvida
43. Quais os impactos da acessibilidade para o produto e para o negócio no mundo? 43
44. 44 95% das PCDs de 982 PCDs entrevistadas costumam comprar online — Sociedade Brasileira do Varejo e Consumo (2019)
45. de PCDs no mundo — The Global Economics of Disability * corresponde a população da China, EUA e Japão somados 1.85 bilhões
46. potenciais usuários, amigos e familiares que possuem conexão com alguma pessoa com deficiência — Impacto na marca e no consumo. 3.3 bilhões
47. £17.1 bilhões dinheiro perdido a partir da desistência das pessoas devido falta de acessibilidade — Impacto na taxa de desistência. Click-Away Pound
48. R$5.5 bilhões é movimentado pelas pessoas com deficiência — Poder de consumo no Brasil. SBVC
49. Empresa de doces QUANTIDADE DE VENDAS POSSÍVEIS NO BRASIL R$ 260 milhões de vendas apenas para pessoas com deficiência visual: R$40 × 6.5 milhões de PCD visual no Brasil. Portal do Mec Baseado em uma rede fictícia global de doces finos com o gasto médio mensal por cliente: R$ 40,00; Temos: QUANTIDADE DE VENDAS POSSÍVEIS NO MUNDO R$ 7 bilhões de vendas possíveis: R$40,00 × 180 milhões de PcD visual no mundo Organização Mundial da Saúde MULTA NO BRASIL R$ 3.000,25 por dia para empresas com mais 500 empregados Hand Talk MULTA NOS EUA No mínimo $4 mil por violação ~ $25 mil com custos totais Medium | Conta Americana 49
50. Acessibilidade em todos os lugares da empresa NEGÓCIOS/JURÍDICO 50 ROI (Retorno sobre o investimento) SEO (Otimização de busca) Bem vista na sociedade Multa MARKETING Texto claro e simples Sem ambiguidade Outras formas de comunicação ADMINISTRATIVO/RH Contratações Entrevistas Provas ou formulários DESIGN Hierarquia visual Cores, contraste Textos e fontes DESENVOLVIMENTO/TESTES Código semântico Bibliotecas de acessibilidade Ferramentas de testes Simuladores USUÁRIOS Avaliar Reportar erros Compartilhar experiências Escreva sua dúvida 5 0
51. Exemplos de acessibilidade digital 51
52. Acessibilidade para nós é sobre remover barreiras que impedem jogadores de completar um jogo. Não é sobre deixar o jogo mais fácil. É sobre ‘o que nossos fãs precisam para jogar em igualdade com todos os outros?’. — Emilia Schatz, Designer ao The Verge. Acessibilidades nos jogos de videogame 52 Last Of Us: Part II Vencedor do Game Awards 2020, categoria Innovation in Accessibility. O jogo tem aproximadamente 60 opções de acessibilidade. “ “ Escreva sua dúvida
53. Opções de acessibilidade do Last of Us Part II (1) Vários modos de alto contraste e sons de auxílio 53 Modo de escuta melhorado e conversão de texto em fala Ampliador de Tela Fonte: As opções de acessibilidade de The Last of Us Parte II Escreva sua dúvida
54. Opções de acessibilidade do Last of Us Part II (2) Várias configurações de exibição de legendas 54 Modo de escuta melhorado, auxílio de navegação e sons de auxílio Sons de Deslocamento Escreva sua dúvida 5 4 Fonte: As opções de acessibilidade de The Last of Us Parte II
55. 55 Fonte: Observatório de Games Streamer cedo testa opções de acessibilidade em ”The Last of Us 2”
56. Acessibilidade em sites 56 Navegação em site através de Libras • HandTalk (Cidade de São Paulo, Smart Fit e Catho) • VLibras Escreva sua dúvida
57. A acessibilidade possibilita às pessoas viverem de forma autônoma, participando plenamente de todos os aspectos da vida, oferecendo dignidade e independência. 57 Acessibilidade para quem? (1) Para as pessoas sem deficiência, a tecnologia torna as coisas mais fáceis. Para as pessoas com deficiência, a tecnologia torna as coisas possíveis. — Mary Pat Radabaugh, ex-diretora do Centro Nacional de Apoio para PCD da IBM “ “ Escreva sua dúvida
58. Acessibilidade para quem? (2) 58 5 8
59. Ecossistema acessível da Apple 59 Fonte: Apple – Accessibility – Sady Escreva sua dúvida
60. Acessibilidade no Amazon Echo 60 Fonte: Assistive Technology Examples - Accessibility on Amazon Echo Escreva sua dúvida
61. Integração da pessoa idosa e a comunicação 61 Fonte: CNA - Speaking Exchange Escreva sua dúvida
62. “A tecnologia melhora 1000%” 62 Fonte: Simplex - Parte da Nossa Vida - Pela Nossa Saúde Escreva sua dúvida
63. 63 Inclusão e acessibilidade, na prática Motivação e impacto da acessibilidade; Influenciar para desenvolver; O lema da acessibilidade; Usabilidade e as Heurísticas; Padrões de aplicações acessíveis.
64. Motivação para mudança na acessibilidade 64 RECOMPENSA EXIGÊNCIA PUNIÇÃO CULPA INSPIRAÇÃO ENCANTAMENTO Mais efetivo Fonte: WebAIM: WebAIM’s Hierarchy for Motivating Accessibility Change Escreva sua dúvida
65. Projetado para 7 bilhões 65 Ao focarmos em solucionar problemas para PCDs, conseguimos beneficiar mais pessoas. Por exemplo: Legenda de vídeo pode beneficiar uma série de diferentes contextos. 🧓󰘦 Pessoas idosas 🧳 Pessoas no aeroporto 📱 Pessoas com smartphone em ambientes públicos Escreva sua dúvida 6 5
66. Influenciar para a “Acessibilidade” 66 Quatro maneiras de começar a construir uma cultura de acessibilidade: 1 Engajamento e contribuição para a cliente Demonstrar como as lacunas do projeto acessível estão afetando as pessoas usuárias/clientes. 2 Produtos simples são mais usados no dia a dia aumentando a base de clientes. Foque, inicialmente, nos grupos excluídos. Uma solução para PCDs pode ser para uma situação do dia a dia ou uma deficiência temporária. 3 Inovação e Diferenciação Líderes e stakeholders adoram inovação. Acessibilidade normalmente tem um histórico de trazer o benefício da inovação. 4 Evitando o alto custo de incluir acessibilidade nos projetos. Não deixe acessibilidade para depois, pois ele sairá mais caro. Podendo afetar na imagem da empresa, time de legal e na refatoração. Escreva sua dúvida
67. 67 Usabilidade 💞 Acessibilidade Segundo a ISO 9241-11 usabilidade é: … a medida pela qual um produto pode ser usado por usuários específicos para alcançar objetivos específicos com eficácia, eficiência e satisfação em um contexto de uso específico. Os pilares da usabilidade são: • Facilidade de aprendizado • Eficiência • Memorização/ Facilidade de uso • Tolerância ao erro • Engajamento/ Satisfação Fonte: Revista Glifo, Vida de Produto Escreva sua dúvida
68. 68 “Mesmo os melhores designers produzem produtos de sucesso apenas se seus projetos resolverem os problemas certos. Uma interface maravilhosa para os recursos errados falhará.” Jakob Nielsen Citação do Jakob Nielsen
69. 69 🚦 1: visibilidade do status do sistema 󰜣 2: correspondência, sistema e mundo real ↩ 3: controle e liberdade do usuário 🦆🦆 🦆🐓 4: consistência e padrões ⚠ 5: prevenção de erros 🛠 6: reconhecimento ao invés de memória 🗺 7: flexibilidade e eficiência de uso 🫖 8: estética e design minimalista 🛟 9: recuperação diante de erros 📖 10: ajuda e documentação Usabilidades e as Heurísticas de Jakob Nielsen Escreva sua dúvida
70. 70 Segundo Claire Paddison e Paul Englefield engenheiros da IBM baseado na WCAG 1.0, definiram as seguintes Heurísticas: • Fornecer alternativas significativas e relevantes para elementos não-textuais; • Suportar navegação por tags consistente e correta; • Permitir uso completo e eficiente do teclado; • Respeitar configurações do navegador do usuário; • Garantir uso adequado de padrões e controles proprietários; • Não usar apenas cores para distinção de informação; • Permitir aos usuários controle sobre potenciais distrações; • Permitir aos usuários entender e controlar limites de tempo • Garantir que o conteúdo do website seja compatível com tecnologias assistivas. Heurísticas da acessibilidade (1) Escreva sua dúvida
71. 71 Koivunen e McCathieNevile também desenvolveram um conjunto de heurísticas de acessibilidade para a Web, porém destinados à acessibilidade de gráficos e elementos multimídia, as recomendações são para oferecer: • Alternativas equivalentes; • Maneiras de selecionar conteúdo equivalente; • Ao usuário controle para apresentação; • Interação independente de dispositivo; • Semântica para estruturas; • Componentes reusáveis; Heurísticas da acessibilidade (2) Escreva sua dúvida
72. 72 • Imagens e animações: use o “alt” para descrever a função de cada elemento visual (imagens); • Mapas de imagem: use o “alt” nas imagens e textos para descrever cada ponto importante do mapa; • Multimídia: Fornecer legendas e transcrições de áudio e descrições de vídeo; • Links de hipertexto: use texto que faça sentido quando lido fora de contexto do usuário. Por exemplo, evite “clique aqui”; • Organização da página: use títulos “h1-6”, listas e estrutura consistente. Use CSS para layout e estilo sempre que possível; • Gráficos: faça um resumo das informações ou use o atributo “longdesc”; • Scripts, applets e plug-ins: forneça conteúdo alternativo caso os recursos estejam inacessíveis ou não suportados; • Frames: use o atributo “noframe” e títulos significativos; • Tabelas: forneça um resumo do conteúdo da tabela e tornar a leitura por linhas e colunas mais direta e sensata; • Vale seu código: use a ferramenta: https://validator.w3.org/; Recomendações: W3C / WCAG 1.0 Escreva sua dúvida Fonte: Web Content Accessibility Guidelines (WCAG) 2.1
73. 73 PERCEPTÍVEL: • Forneça alternativas de texto para conteúdo não textual. • Forneça legendas e alternativas para conteúdo de áudio e vídeo. • Torne o conteúdo adaptável e disponibilizá-lo para tecnologias assistivas. • Use contraste suficiente para tornar as coisas fáceis de ver e ouvir. OPERÁVEL: • Torne todas as funcionalidades do teclado acessíveis. • Dê aos usuários tempo suficiente para ler e usar o conteúdo. • Não use conteúdo que cause convulsões. • Ajude os usuários a navegar e encontrar conteúdo. Recomendações: W3C / WCAG 2.0 (1) Escreva sua dúvida Fonte: WCAG 2.1 at a Glance
74. 74 COMPREENSÍVEL: • Tornar o texto legível e compreensível. • Faça o conteúdo aparecer e operar de maneira previsível. • Ajude os usuários a evitar e corrigir erros. ROBUSTO: • Maximize a compatibilidade com as tecnologias atuais e futuras. Recomendações: W3C / WCAG 2.0 (2) Escreva sua dúvida Fonte: WCAG 2.1 at a Glance
75. 75 • Forneça alternativas de texto para conteúdo não textual. • Use palavras claras comuns. • Forneça legendas e metadados associados para conteúdo de áudio. • Use seções, títulos e subtítulos para organizar o conteúdo. • Forneça contraste suficiente entre o texto de primeiro plano e seu plano de fundo. Recomendações: W3C / WCAG 3.0 Guidelines Escreva sua dúvida Fonte: W3C Accessibility Guidelines (WCAG) 3.0
76. WCAG X UAAG X ATAG WCAG Web Content Accessibility Guidelines (Diretrizes de Acessibilidade Para Conteúdo Na Web) UAAG User Agent Accessibility Guidelines (Diretrizes de Acessibilidade Para Agentes de Usuário). Exemplos de UAAG: • o navegador utilizado em um celular; • aplicativo para empresas "da sua faculdade". ATAG Authoring Tool Accessibility Guidelines (Diretrizes de Acessibilidade para Ferramentas de Autoria) Exemplos de ATAG: • a ferramenta Teams da Microsoft onde inserir os conteúdos; • CMS (Content Management System, tais como WordPress ou Joomla). 76 Escreva sua dúvida
77. ABORDAGEM HUMANA 77 A WCAG e os critérios ABORDAGEM TÉCNICA 1999 WCAG 1.0 14 diretrizes 2008 WCAG 2.0 61 diretrizes 2018 WCAG 2.1 78 diretrizes ~2022 (Previsão) WCAG 2.2 88 diretrizes 1 2 3 CRITÉRIOS A AA AAA mínimo para uma acessibilidade básica melhora da experiência Fonte: Adaptado do AccessBoost Escreva sua dúvida
78. Guias de Acessibilidade Digital Existem para regulamentar a acessibilidade na Web e em dispositivos móveis. 78 WCAG: Guia de Acessibilidade Web e Mobile GOVBR-DS: Padrão Digital de Governo e-MAG: Modelo de Acessibilidade do Governo Eletrônico Escreva sua dúvida 7 8
79. Adaptações personalizadas No mercado, há diversas soluções que irão auxiliar a sua solução digital para torná-la mais acessível, porém nunca será 100% a solução para o seu modelo de negócio. Há situações em que só as orientações de acessibilidade, não são suficientes. Há a necessidade de um olhar mais "personalizado" e da criação de soluções customizadas com olhar para a necessidade de cada indivíduo, possibilitando acesso às informações. 79 Escreva sua dúvida
80. Ferramentas para computador 80 Nitrous Voice Flux: Controla o computador por voz. Gratuito NVDA 🌟: Software livre para ler tela — vários idiomas (Windows) YeoSoft Text: Leitor de tela em inglês e português Jaws for Windows: Leitor de tela — vários idiomas Virtual Vision: Leitor de telas em português do Brasil DOSVOX: Sistema para deficientes visuais (Windows ou Linux) Orca: Leitor de telas (Linux) VoiceOver: leitor de telas (iOS) Escreva sua dúvida
81. Navegadores diversos Ferramentas de design e desenvolvimento 81 Adobe XD Figma Visual Code Escreva sua dúvida NVDA Celulares diversos 📱
82. Plugins para navegadores 82 Lighthouse Equal Access Accessibility Checker Visual ARIA Color Contrast Checker Wave ARC Toolkit ChromeLens Escreva sua dúvida HTML5 Outliner Let's get color blind TT Alt Text Tester axe DevTools disable-HTML
83. NADA SOBRE NÓS, SEM NÓS!
84. DE QUEM É A RESPONSABILIDADE DE CONSTRUIR PRODUTOS ACESSÍVEIS E INCLUSIVOS?
85. • Alex Junior (@alexbilljr) • Amanda Mangili (@amandamangili) • Andrea Schwarz (@dea_schwarz) • Andrei e Tainá Borges (@visurdo) • Cacai Bauer (@cacaibauer) • Daniela Bublitz (@danibublitz) • Fernando Fernandes (@fernandolife) • Gabriel Isaac (@isflocos) • Hawk (@hawk.jpg) • Isabella Savaget (@bellasavaget) • Ivan Baron (@ivanbaron) • Laura Martins (@cadeiravoadora) • Lelê Martins (@blogueirapcd) 85 Para acompanhar nas redes • Lorrane Silva (@_pequenalo) • Lorrayne Carolyne (@lorrayne_carolyne) • Maria Júlia (@majudearaujo) • Mariana Torquato (@marianatorquato) • Mariana Torquato (@marianatorquato) • Mateus Baptistella (@vireiadulto) • Nathalia Santos (@nathaliasantos) • Paola Antonini (@paola_antonini) • Rebeca Costa (@looklittle) • Roberto Castejon (@betocastejon) • Marcos Lima (@historiasdecego) • Acessibilidade e Inclusão (@ricardoshimosakai) • Roberta Oliveira (@robertinhaoliveira)
86. • Acessibilidade Legal • Acessibilidade Toolkit • Fundação para a Ciência e Tecnologia • Inclusive Design Toolkit • Instituto Inclusão Brasil • Movimento Web para Todos • Revista Brasileira de Tradução Visual • Todos por acessibilidade! 86 Fique de olho • Beatriz Lonskis • Bruno Pulis • Edu Agni • Janaina Bernardino • Livia Gabos • Ludmilla Galvão | LinkedIn • Marcelo Sales • Reinaldo Ferraz
87. • Seções: Freepik • Contexto: RMTC Goiânia , Portal CNB Campinas, Huawei, Imprensa Livre, Youtube, Proteste, Meu Direito • Receita médica que não conseguimos ler: Thify Lore 7a, Jornal da Região, Advogados Triunfo • Acessibilidade para quem?: Smashing Magazine, Freepik, Via Trole Bus, SiteBarra, Sock slider, Educação Inclusiva, VentureBeat, Câmara Paulista para Inclusão da PCD • Dimensões da Acessibilidade: Kurier, Acesse Piauí, Jojó Notícias, Revista Erfolg • Inclusão e acessibilidade, na prática: Freepik • Empresas de Doces: Oficina Culinária Floripa 87 Fotos
88. Obrigado! 88
89. Último, mas não menos importante 🥰 89 Dispositivo em parceria com o artista Whindersson Nunes para que surdos e deficientes auditivos sintam a música. Informações: TRON Robótica Educativa