Interfaces Humano-Computador - Aula 07 - Acessibilidade e desenho universal

[Música] foi aluna ou e aluno essa nossa última aula da disciplina interfaces humano computador eu já estou ficando com saudade de vocês nessa aula nós vamos tratar de um tema que está fora do nosso ciclo de vida orientado ao ano mas não totalmente fora claro que tem a ver não é só uma caixinha daquelas mais perpassa todas nós vamos discutir o que significa acessibilidade e desenho universal dois conceitos muito importantes pra você que está iniciando na área de design e que vai precisar utilizar o seu conhecimento para realizar sistemas para pessoas de verdade uma coisa

que a gente aprende na escola e na vida prática é que as pessoas são muito diferentes todas as pessoas são diferentes todas as pessoas têm características que as distinguem das outras mas todas as pessoas têm as mesmas necessidades todas as pessoas têm necessidade de educação têm necessidade de trabalho têm necessidade de saúde têm necessidade de constituir uma família e várias dessas necessidades elas podem ser facilitadas por você que é designer e que vai dar a essas pessoas mecanismos para que elas possam fazer um bom uso dessas interfaces e resolver as suas várias necessidades mas a

gente pergunta pra você será que todas as pessoas com todas as suas diferenças elas são contempladas pelo seu design será que você não esqueceu de ninguém então eu vou apresentar pra você algumas pessoas que muitos sistematicamente são esquecidos no design eu vou apresentar pra você uma família de nove pessoas que você vai começar a levar em conta agora no próximo design que você fizer a primeira pessoa que eu quero te apresentar é a lídia ali já tem 24 anos e é professora numa escola de duque são infantil inclusiva o que significa que entre os alunos

da lídia existem dois alunos que são pessoas surdas são pessoas que não têm ainda a linguagem oral elas são falantes da língua de sinais se comunicam pela língua de sinais ea lídia como uma boa professora aprendeu a língua de sinais para poder transmitir o seu conteúdo para essas duas crianças eu vou apresentar pra você também o juliano que tem 62 anos e ele é comerciário ele trabalha ainda no comércio e ele foi desde pequenininho uma pessoa com paralisia cerebral em geral paralisia cerebral é uma situação que acomete as pessoas no nascimento e ela tem alguns

impactos em relação à facilidade motora dessas pessoas a questão cognitiva do juliano é totalmente preservada mas ele tem dificuldades de movimento e ele tem algumas dificuldades de fala também em função da paralisia cerebral o que nunca o impediu de trabalhar e de levar sua vida normal até os 62 anos a gisele ela tem 28 anos e é uma daquelas crianças que estavam na escola de educação inclusiva e que graças a essa escola ea bons professores ela pode exercer a sua vocação de ser dentista às vezes ela sempre quis e dentista e ela é surda e

ela fala libras naturalmente desde a infância e ela consegue se comunicar dessa forma e executar sua profissão mais uma pessoa que você vai conhecer ao silas o silas tem síndrome de down ele tem 29 anos e trabalha como bancário silas executa suas funções normalmente como qualquer pessoa mas pela síndrome de down existem algumas coisas que o silas precisa fazer com um pouco mais de cuidado a gente conhece também o américo o américo tem 48 anos ele é psicólogo ele atende na sua clínica todos os dias mas o américo quando ele tinha 20 anos de idade

ele foi mergulhar numa cachoeira e quebrou o pescoço eo américo ficou paraplégico portanto ele se locomove usando uma cadeira de rodas ele tem algumas dificuldades porque ele também perdeu um pouquinho da sua mão esquerda esse é o celso celso tem 55 anos e nasceu cego celso é praga programador trabalha num grande banco como programador e faz muitos anos que ele leva sua vida profissional normalmente temos o miguel miguel tem 70 anos e está aposentado na época em que o miguel fez a escola as condições econômicas da sua região não permitirão que ele continuasse miguel hoje

ele não sabe ler nem escrever ele está tentando aprender mas ele tem ainda bastante dificuldade ele está aposentado e está tentando entrar na escola está fazendo eja está tentando aprender a ler e escrever eu tenho gilberto o gilberto é um contador de 44 anos um sujeito que gosta muito de velocidade e acabou se estrupiado num acidente de moto recentemente e ele está momentaneamente com o braço quebrado e precisando usar um colar cervical finalmente eu tenho a kátia que é uma estudante de 23 anos a kate está estudando design e ela é disléxica será que todas

essas pessoas são beneficiadas igualmente por você designer quando você consegue uma solução saiba que a convenção da onu sobre os direitos da pessoa com deficiência que no brasil tem força de emenda constitucional ela preconiza que todas as pessoas são iguais e que todas as pessoas devem ter os mesmos direitos a todas as coisas e inclusive a tecnologia e nós precisamos aprender a fazer projeto pra essa família que eu acabei de apresentar para vocês por isso nós vamos falar sobre a deficiência vamos falar sobre acessibilidade vamos falar sobre as barreiras que o espaço digital impõe às

pessoas com deficiência e vamos explicar para vocês como que a gente remove essas feiras pelo uso da tecnologia assistiva pelo desenho universal e pelas directrizes de acessibilidade na web vamos começar então falando sobre a deficiência é uma coisa muito importante é a gente considerar que a deficiência se expressa muito por causa da relação que a pessoa tem com o seu entorno a gente vai considerar pessoa com deficiência aquela pessoa que tem um impedimento de longo prazo de natureza física mental intelectual ou sensorial como as pessoas que a gente acabou de ver o qual interação com

um ou mais barreiras pode obstruir sua participação plena e efetiva na sociedade em igualdade de condições com as outras pessoas isso significa que a deficiência ela só existe ela só faz sentido quando a gente tem essas duas coisas a gente tem um impedimento de longo prazo o que significa que não há processo de reabilitação que modifique essa situação tá que é por exemplo o caso do gilberto que está temporariamente com o braço quebrado ele não é uma pessoa com deficiência mas isso interação com barreiras que são barreiras impostas pela sociedade pelos designers da sociedade quando

eles pensam em soluções que não levam em conta as diferenças que as pessoas têm o censo do ibge é de 2010 apontou que das 190 milhões de pessoas que a gente tem no brasil 23 pontos 9 por cento dessas pessoas apresentam alguma deficiência seja ela severa ou leve isso representa um contingente de 45 milhões e seiscentas e tantas mil pessoas que podem estar sendo excluídos de todos os processos de design e compete a você designer mudar essa situação sabe por quê porque você vai envelhecer e se deus quiser você vai vai envelhecer porque a alternativa

é pior ok então quando você envelhecer você vai enfrentar uma sociedade bastante envelhecido olha só a pirâmide em 2030 comparada com a pirâmide de 2005 as pessoas vão ser mais velhos e você já imaginou que vai ser vocês e velho sem internet sem celular e sem tecnologia você sobrevive então se você não sobrevive está na hora de você design a partir de já começar a pensar em acessibilidade porque quando você envelhece você começa a ter condições que são condições semelhantes às das pessoas com deficiência você não enxergar bem você vai ter tremores você vai ter

dificuldade de locomoção e você vai precisar de acessibilidade graças a deus você vai chegar na idade avançada e vai precisar de estudo vamos falar um pouquinho sobre acessibilidade então então que é a sensibilidade a sensibilidade é a possibilidade ea condição de alcance para utilização com segurança e autonomia isso significa que quando uma pessoa é carregada escada acima por alguém porque ela não consegue subir com a sua própria cadeira de rodas isto é acessibilidade está não tem autonomia de espaços mobiliários e equipamentos urbanos edificações transportes opa isso tudo tem a ver com a gente aqui que

a gente está falando de engenharia de computação e acessibilidade digital até muito recentemente o foco não era esse só que desde 2015 com a lei brasileira de inclusão da pessoa com deficiência e um pouquinho antes também mas ainda com algumas limitações às tecnologias de informação e comunicação inclusive os sistemas e as tecnologias todos os serviços e instalações que são abertos ao público pense na sua empresa se o seu serviço é aberto ao público de uso público ou privado de uso coletivo às todo mundo se encaixa aqui tanto na zona urbana como na rural por pessoa

com deficiência ou com mobilidade reduzida portanto pense que é sua obrigação provê acessibilidade a possibilidade de condição e alcance para a utilização da sua tecnologia pelas pessoas com deficiência e acessibilidade digital que é acessibilidade digital é o acesso da pessoa com deficiência com autonomia e segurança ao que a gente chama de espaço digital um espaço digital é muito amplo ele contempla todos os sistemas todas as tecnologias todos os sites na web tudo que é concebido por uma pessoa que não têm deficiência têm que poder ser acessado pela pessoa com deficiência igual condição isso significa tecnologias

de informação e comunicação um celular por exemplo sistemas computacionais por exemplo os sistemas que vocês usam pra ter acesso às suas aulas ou sistema que vocês usam para ter acesso ao seu trabalho no dia a dia ea internet todos os sites tudo isso precisa ser acessível isso significa acessibilidade digital opa é difícil de fazer isso não é fácil de fazer quando a gente faz desde o início e uma coisa que eu quero deixar muito claro para todos nós é que a acessibilidade ela melhora a vida de todas as pessoas e não só das pessoas com

deficiência portanto é um esforço que retorna muito para as pessoas pense numa rampa quantas vezes você atravessou a rua pisando na rampa da cadeira de rodas e não descendo degrau da guia quantas vezes você fez isso quantas vezes você viu uma mãe com um carrinho de bebê deslocando a sua criança pela rampinha ou subindo por um shopping essa rampa facilita a vida de todo mundo quem está com a perna quebrada quem tem uma deficiência permanente quem está carregando peso como por exemplo um carrinho cheio de engradados a acessibilidade facilita todo mundo querem ver vamos ver

algumas barreiras do espaço digital ea tecnologia assistiva ao lado dessas barreiras propiciando o acesso então vamos estudar a deficiência como sendo uma interação das pessoas com deficiência com as barreiras e vamos tentar mostrar nesse processo de situações barreiras e tecnologia que mesmo pessoas sem deficiência e pessoas que estão temporariamente com algum impedimento podem se beneficiar se a dessas tecnologias a principal barreira é a linguagem a linguagem no brasil é o português a primeira língua do país não é a única a segunda língua oficial do brasil é libras eu gostaria muito de saber que todos vocês

alunos e alunas que me escutam hoje sabem o que é libras se você não sabe não tem importância aproveita para aprender libras é a língua brasileira de sinais que é uma língua considerado oficial no brasil e que está disponível deve estar disponível para todas as pessoas que não falam a primeira língua do país que é o português pensa no canadá que tem duas línguas francês inglês como é que eles se viraram até hoje o brasil também tem duas línguas oficiais português e libras ea gente tem que se virar muito bem assim ok outra coisa que

é uma barreira importante da linguagem é a estrutura do conteúdo quando você escreve um texto você tem que organizar as suas ideias se você organiza bem as suas ideias o seu leitor independente de deficiência vai conseguir entender sua mensagem se você faz um texto cumprido uma linguiça sem colocar títulos sem destacar aspectos relevantes você prejudica a compreensão da sua linguagem portanto a linguagem é uma barreira a todas as pessoas que não falam o português ou não conseguem compreender um conteúdo mal estruturado o que significa boa parcela da nossa população só para vocês terem idéia de

algumas dessas pessoas por exemplo a nossa gisele que é nossa dentista que é surda tá ela precisa ela fala libras ela não fala português nativamente ela aprendeu libras desde pequena portanto ela se comunica com seus pacientes pela libras que é a sua língua assim como a lídia que dá aula para crianças que são surdas também se comunica usando a língua de sinais e por causa disso tanto as crianças para quem a lídia ensina quanto a gisele e alguns dos seus pacientes que também são surdos eles têm dificuldades com a língua portuguesa outra dificuldade algumas pessoas

têm dificuldade com o texto escrito elas podem compreender o texto verbal mas elas têm dificuldade com a escrita de novo a nossa dentista a gisele ela tem dificuldade com o português escrito porque ela não aprendeu desde pequenininha a língua portuguesa escrita ela sempre falou libras então aquelas e aqueles símbolos aquelas palavras não fazem o menor sentido para gisele assim como a kátia que é uma aluna que é disléxica é aluno de design mas ela tem dislexia e a dislexia da caixa não atrapalha em absolutamente nada no seu trabalho como designer porém a caixa precisa de

apoio para entender o texto escrito a dislexia ela traz algumas complicações para que a pessoa consiga compreender a linguagem escrita ea gente também sabe que o miguel por não ter sido alfabetizado não consegue entender o que a gente escreve como leigos em português escrito nos sites nos sistemas na internet ok outras pessoas têm dificuldade em focar e entender textos complexos de novo é o caso da caixa dislexia faz com que ela também tenha uma um déficit de atenção e quando o texto é muito confuso muito desestruturado acate em geral existe porque aqui é muito difícil

para ela e também o silas que tem síndrome de down ele precisa de foco ele precisa de textos curtos e bem estruturados para que ele possa entender e realizar o seu trabalho são barreiras quem fez essas barreiras quem escreveu o texto então quem colocou as coisas só em português então as barreiras não estão aqui porque ninguém fez nada as barreiras estão aqui porque alguém fez um design incompleto a remoção das barreiras se faz como você representa o conteúdo em libras você faz um texto claramente organizado você simplifica o português existem técnicas de simplificação do português

você cria imagens de apoio ao conteúdo que vão reforçar o entendimento de pessoas que têm dificuldade com a língua escrita vamos avançar um pouquinho mais a segunda barreira é a questão da apresentação como que as coisas na tecnologia se manifestam para as pessoas como que as pessoas visualizam a informação nas telas nos monitores e mesmo nos textos impressos então a gente tem a saída da informação dada em tela a gente tem também em tinta como a gente fala que é impresso né a gente pode fazer a apresentação em braile já imaginou se vocês recebessem todo

o material do universo em braile porque não é uma forma de representação de conteúdo é mas você não sabe né pois é isso acontece com as pessoas com deficiência outra coisa a gente tem apresentação de coisas que mudam com o tempo a gente tem sons vídeos eles têm coisas estáticas como imagens que também fazem parte do conteúdo nós usamos coisas mais sofisticadas para apresentar conteúdo como diagramas gráficos tabelas tudo isso pode significar barreira ok algumas pessoas como o celso não conseguem visualizar ele é cego de nascença são textos impressos e monitores telas com gráficos são

coisas que o celso absolutamente não faz nem idéia do que são ele nasceu assim no caso o gilberto que quebrou o braço ele também não contei para vocês mas o gilberto é daltônico ele não consegue distinguir algumas cores então ele pode ter alguma dificuldade quando a gente projeta uma interface em que a distinção entre os campus é feita por uma das coisas que ele não enxerga outras pessoas podem ter também baixa visão e dificuldade com tamanhos e com contrastes e existem outras pessoas que não percebem o som então uma apresentação que tem som não vai

ser compreendida por pessoas que não ouvem ou ouvem mal ok por exemplo você pode imaginar que você no ambiente barulhento de um shopping também não ouve o som que você se você não estiver olhando pro vitor ou para o texto impresso também não vai conseguir capturar a informação e se você tiver necessidade de ver coisas muito pequenininhas na tela quando você for mais velhinho você também vai sofrer como que a gente remove essas barreiras agente remove essas barreiras primeiro fazendo um design bem minimalista onde só que no que importa é colocado com isso nós vamos

conseguir compreender melhor esse conteúdo nós vamos conseguir remover essa barreira utilizando tecnologias que traduzem o texto para voz tá são ferramentas chamadas text to speech essas ferramentas chamadas também de leitores de tela são utilizadas pelas pessoas cegas para elas interagirem nós vamos ter efeitos de áudio descrição que eu deixei algumas coisas pra vocês lá no material de apoio e na áudio-descrição a gente vai incorporar uma descrição sonora ou de eventualmente uma informação visual filme por exemplo não consegue comunicar a pessoa segue o que está acontecendo o recurso de audiodescrição é bem bacana nós vamos usar

legendas e closed caption que é a tradução do som em palavras para que as pessoas que não conseguem ouvir mas que conseguem ler o português consigam entender o que está acontecendo quando a informação é passada de forma sonora e nós vamos usar uma descrição de imagens que vai converter o que a imagem representa para um texto e portanto uma imagem que você tiver utilizado na aula ou no seu site ou no seu aplicativo ela vai ser através de uma descrição da imagem lida pelo leitor de tela para a pessoa que não enxerga então são alguns

recursos que a gente pode usar que vão remover as barreiras terceira barreira importante é a questão motora a questão do acionamento o acionamento das interfaces computacionais se faz por teclado ou o mouse telas de toque por gestos para uma série d é por uma série de reações humanas de natureza motora e o que acontece quando essas reações são prejudicados então por exemplo no caso do celso ele não sabe o que é um apontador ele não faz idéia do que significa você apontar com o mal se quer dizer agora com 55 anos ele já faz ideia

sim mas ele não consegue utilizar ele tem dificuldade para utilizar os dispositivos apontadores e no caso ele usa teclado mas no caso o gilberto que está machucado ele não consegue usar teclado porque ele está com braço impedindo é temporário sim mas uma ferramenta de acessibilidade poderia ajudar o gilberto a continuar trabalhando outras pessoas podem precisar de tempo maior para as ações então aqui por exemplo o juliano que tem paralisia cerebral ele tem alguma dificuldade de movimentar o seu braço e por causa disso ele precisa de tempo quando juliano vai no caixa automático caixa automático muda

de página antes que ele conta que ele consiga realizar a integração isso não é adequado da mesma forma tá no caso miguel que está aprendendo a ler e escrever o miguel precisa de tempo para poder te clara as palavras que ele precisa ter claro nas interfaces porque ele é uma pessoa com deficiência não mas se eu tivesse acessibilidade miguel poderia interagir com uma série de sistemas outras pessoas podem precisar alcançar os controles então existem coisas por exemplo que o américo por que ele está na cadeira de rodas ele não consegue alcançar existem botões por exemplo

nos elevadores que o américa tem que pedir ajuda para alguém porque ele não consegue estender a sua mão ele tem uma limitação de movimento e ele precisa é o opera o elevador sem autonomia da mesma forma a lídia ela tem crianças e as crianças nem sempre elas alcançam os controles que precisam alcançar elas são pequenininhas como é que a gente remove as barreiras navegando por teclado assim a gente substitui os apontadores linhas braille para pessoas cegas elas conseguem aumentar a sua produtividade além daquilo que elas conseguiram usando o teclado é teclados e apontadores adaptados podem

substituir os apontadores comuns não existem alguns que as pessoas operam com os pés por exemplo ou mesmo com coisas que estão na cabeça interfaces adaptáveis podem reconfigurar o time out das aplicações e sistemas com disposição para acesso de todas as pessoas físicas né também pode facilitar o acesso de pessoas que têm edição verticalmente comprometidas como é que o removeu barreira eu preparo meu conteúdo para que a gente consiga portanto fazer com que as pessoas tenham acesso e eu dou tecnologia assistiva então todas as situações esse pezinho aqui tem que valer o designer prepara conteúdo e

as pessoas com deficiência utilizam a tecnologia assistiva adequada essa é a fórmula 1 vamos falar um pouquinho da tecnologia assistiva tecnologia assistiva são os recursos produtos metodologias e estratégias práticas e serviços para fornecer ou ampliar a funcionalidade das pessoas com deficiência falamos de várias aqui leitores de tela ampliadores teclados adaptados essas tecnologias que estão aqui a linha braile audiodescrição elas permitem que pessoas com deficiência consigam manipular os sistemas computacionais mas pra isso a gente que faz o design tem que pensar em todas as pessoas quando a gente projeta isso se chama desenho universal significa que

você designer ao fazer o seu projeto você vai pensar se você não está excluindo ninguém então você vai pensar nos diferentes formas de barreiras e você vai imaginar se existe alguma barreira que não possa ser vencida pelo uso adequado da tecnologia e da organização do seu conteúdo então você é responsável sabe por conceber os seus produtos os seus ambientes os seus programas computacionais de forma que eles sejam usados por todas as pessoas e sem necessidade de adaptação porque isso isso significa que eu não posso fazer uma interface diferente para cada indivíduo as pessoas elas são

diferentes elas demandam recursos diferentes eu tenho que fazer uma única interface que resolve os problemas de todo mundo ao máximo existem algumas situações com que isso não é possível mas eu vou tentar fazer para o número maior possível de pessoas o meu projecto de forma a utilizar os recursos da tecnologia assistiva e atender às necessidades de todas as pessoas vocês já devem ter lido no material o que significa desenho universal vamos é falar só mais uma coisinha sobre as directrizes de acessibilidade na web a web é um recurso extremamente importante hoje você está assistindo essa

aula porque você está usando a web à web ela é um recurso que não pode excluir pessoas portanto quem patrocina web quem pensa na web que é o consórcio w3c consórcio de empresas que gerencia o web esse consórcio tem uma iniciativa chamada w a ii que é uma iniciativa que procura definir as diretrizes para que o desenho seja universal na web e é muito importante que vocês conheçam essas diretrizes as diretrizes para a acessibilidade elas são de três naturezas existem algumas diretrizes que servem para os produtores de conteúdo então se você faz um filme se

você faz um powerpoint se você coloca um texto faz um site você está preocupado com o conteúdo se você é um desenvolvedor que vai fazer um novo navegador ou um player de mídia você vai usar um outro conjunto de diretrizes e finalmente existem algumas ferramentas que são úteis para desenvolvedores que também estão mencionados na as páginas da w aí falando especificamente sobre conteúdo porque muito provavelmente ou seja o que a maioria vai fazer existe uma diretriz chamado wc ág que se chama web content aquecer cebit guy dólares versão 2 onde existem quatro grandes princípios para

que você possa produzir um conteúdo acessível ele tem que ser perceptível ele tem que ser operável tem que ser compreensivo e tem que ser robusto é fácil de falar né vai fazer oque consult lá o material da wcg que você vai ver que uma boa parte dessas diretrizes está bastante bem explicada sobre como é que você tem que proceder para fazer um bom design universal para pessoas com deficiência utilizar os seus websites hoje não é possível você não conhecer essas diretrizes mesmo porque lei ea gente precisa atender a lei nos design que nós fazemos isso

se você não pensar que antes de tudo você é um bom design e você não faz as coisas simplesmente porque a lei você faz as coisas por que é importante que todo mundo possa usar o seu projeto finalizando existem algumas ferramentas que vão te ajudar existem avaliadores automáticos que vão conseguir pressionar o seu conteúdo e dizer olha você esqueceu aqui de descrever essa imagem você esqueceu aqui de organizar o seu conteúdo em tópicos e atendendo às diretrizes da wc age 2.0 esses avaliadores permitem que você inspecione o seu conteúdo e consiga ver se ele está

ou não acessível lembra que a gente falou de técnicas de inspeção então os avaliadores automáticos eles são inspetores automáticos das diretrizes da wc age 2.0 experimento utilizar essa foi a nossa sétima aula eu quis deixar esse recado pra fechar o nosso curso eu sou uma pessoa apaixonada por essa disciplina como vocês já devem ter percebido eu gostaria muito que vocês curtir sem isso que a gente está falando que vocês levassem os ensinamentos dessa disciplina para o resto da carreira e que vocês nunca esquecessem que o design é feito para pessoas para todas as pessoas muito

obrigada por pela sua atenção e eu espero que você tenha aproveitado o nosso curso de interfaces humano computador até a próxima [Música] [Música] [Música]