Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Design X Acessibilidade

Design X Acessibilidade

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

Wagner Beethoven

April 18, 2023
Tweet

More Decks by Wagner Beethoven

Other Decks in Design

Transcript

  1. 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
  2. Í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?
  3. Í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
  4. Vídeo em um idioma estrangeiro sem legenda 11 Fonte: The

    National Anthem Of Iraq | Beshar Al-Azzawi | TEDxBaghdad Escreva sua dúvida
  5. 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
  6. 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
  7. 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
  8. 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
  9. 18 “5 de expressões para substituir do vocabulário” Fonte: Ivan

    Baron (@ivanbaron) Influenciador da Inclusão Escreva sua dúvida
  10. Deficiência 19 Histórico no Mundo; Conceito; Tipos; Especificidade de cada

    um; Entendendo a exclusão; Histórico e Legislação no Brasil.
  11. 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
  12. 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
  13. 22 Tipos de deficiência Física/ Motora Visual Auditiva Intelectual/ Mental

    Surdocegueira/ Múltipla Fonte: Freepik | IFRS Escreva sua dúvida
  14. 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
  15. 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
  16. 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
  17. 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
  18. 27 0.46% dos 21 mi de sites ativos brasileiros são

    acessíveis — Web para Todos (2022)
  19. 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
  20. 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
  21. 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):
  22. 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!:
  23. 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
  24. 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):
  25. 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
  26. 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
  27. 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
  28. 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.
  29. 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
  30. 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
  31. 44 95% das PCDs de 982 PCDs entrevistadas costumam comprar

    online — Sociedade Brasileira do Varejo e Consumo (2019)
  32. de PCDs no mundo — The Global Economics of Disability

    * corresponde a população da China, EUA e Japão somados 1.85 bilhões
  33. 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
  34. £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
  35. 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
  36. 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
  37. 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
  38. 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
  39. 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
  40. 55 Fonte: Observatório de Games Streamer cedo testa opções de

    acessibilidade em ”The Last of Us 2”
  41. 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
  42. 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
  43. Acessibilidade no Amazon Echo 60 Fonte: Assistive Technology Examples -

    Accessibility on Amazon Echo Escreva sua dúvida
  44. Integração da pessoa idosa e a comunicação 61 Fonte: CNA

    - Speaking Exchange Escreva sua dúvida
  45. “A tecnologia melhora 1000%” 62 Fonte: Simplex - Parte da

    Nossa Vida - Pela Nossa Saúde Escreva sua dúvida
  46. 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.
  47. 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
  48. 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
  49. 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
  50. 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
  51. 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
  52. 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
  53. 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
  54. 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
  55. 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
  56. 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
  57. 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
  58. 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
  59. 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
  60. 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
  61. 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
  62. 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
  63. 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
  64. Navegadores diversos Ferramentas de design e desenvolvimento 81 Adobe XD

    Figma Visual Code Escreva sua dúvida NVDA Celulares diversos 📱
  65. 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
  66. • 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)
  67. • 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
  68. • 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
  69. Ú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