Acessibilidade Digital: planejando e criando conteúdos digitais acessíveis - Aula 1

OK [Música] tá boa tarde pessoal eh bem-vindos ao curso acessibilidade digital na prática planejando e criando conteúdos digitais acessíveis eh vou falar primeiro um pouquinho que a gente vai ver e depois me apresentar eh esse aqui é o planejamento do curso né hoje a gente vai fazer uma introdução à acessibilidade digital eh Falar um pouco do que que é acessibilidade o que que é acessibilidade digital e comunicação acessível né pouco da legislação também um pouco também de sensibilização né que a gente quer fazer aqui paraa causa e hoje vamos falar também da acessibilidade das páginas

na na web na internet e a Aline vai falar dos vídeos e das mídias acessíveis a gente resolveu deixar a parte de imagens e documentos para amanhã sozinho porque é muita coisa E eu acho que essa parte de documentos é uma parte muito importante paraa maioria de vocês né que criam eh documentos apresentações enfim querem na rotina de trabalho mais comum né a gente criar isso e querem tornar esses documentos acessíveis eh Então vamos lá quem somos nós né primeiro eh vou começar uma fazendo uma autodescrição né que eu acho que já uma forma da

gente já inserir acessibilidade Aqui no curso falar um pouco como eu sou Se tivermos algum aluno aí cego enfim com baix visão eh meuu nome é Carolina sou uma mulher de 37 anos Branca tenho cabelos pretos lisos abaixo do ombro estão aqui soltos eh tô usando óculos uso óculos na verdade sempre eh tô com uma blusa listrada cinza rosa e azul e tô com fundo aqui de tela do MPF aqui do Ministério Público Federal eh quem eu sou bem sou Analista de comunicação há 13 anos no Ministério Público Federal eh lotada na procuradoria do Rio

de Janeiro e desde junho de 2023 do ano passado eu estou à frente da assessoria de acessibilidade junto com a Aline que foi uma Assessoria criada na estrutura da secretaria de comunicação do MPF para cuidar exatamente dessas questões de acessibilidade digital de acessibilidade nos produtos da comunicação Então esse desafio que eu e Aine Assumimos né Eh foi eh de aprender a fazer essa acessibilidade que não é a gente não teve essa formação na faculdade não teve essa formação eh em pós-graduação então a gente teve que cursar né correr atrás foram mais de 300 quase 400

horas de cursos de Formação que a gente fez e a gente percebeu que tem um um gargalo na Instituição né assim no MPU como um todo e acredito nas instituições públicas né e privadas também de de material de Conteúdo de Treinamento né porque acessibilidade não depende apenas de uma Assessoria mas depende de todos nós né e a gente tá numa era digital em que o conteúdo é criado por nós o tempo todo né a gente não só recebe como a gente cria eu vou passar a palavra brevemente aqui paraa Aline para ela se apresentar E

aí a gente começa Oi boa tarde gente meu nome é Aline vou fazer a minha discussão Eu sou uma mulher de 47 anos Uma mulher tarda tô usando óculos e tenho cabelos curtos e grisalhos tô vestindo uma roupa preta com Loures e o fundo do meu vídeo é a parede da minha casa que é uma casa de madeira onde eu moro aqui em Florianópolis eu sou servidora do Ministério Público Federal há 13 anos sou jornalista trabalho na Secretaria de comunicação há 13 anos anos também e junto com a Carol desde Junho do ano passado né

tô nesse desafio De de aprender e de ensinar acessibilidade digital dentro do nosso órgão e hoje também para pessoas fora do Ministério Público Federal né que é uma coisa muito legal eh tô muito feliz de estar aqui acho que é uma grande oportunidade para todos nós E espero que todo mundo Aproveite ao máximo o que a gente tem para passar para vocês obrigada isso vamos lá eh a gente vai abrir aqui com essa frase que é da Carla Beraldo que é uma jornalista eh que tá se especializando também acessibilidade digital a gente fez um curso

recente com ela e ela diz acessibilidade digital existe quando todos os usuários têm igual acesso às informações e funcionalidades sem nenhuma limitação Então esse é o grande desafio que a gente tem no MPF e Acho que todos nós temos né quando produzimos um conteúdo é deixar esse conteúdo acessível a todos independente Eh de de suas limitações enfim as funcionalidades estarem disponíveis aí eu quero começar ouvindo um pouco vocês né Podem falar no chat podem abrir o microfone eh sobre acessibilidade você é Ao estar eu usei um pouquinho de memes aqui para ilustrar você é um

aprendiz estudo é ainda muito confuso ele mesme da naas área perdida ou você está sorrindo empolgado mas apreensivo né Você já sabe alguma coisa tá empolgado mas né sabe que é é Um Desafio ou você Está confiante número três né ensine-me algo que eu não sei a eu queria saber de vocês aí quem quiser falar quiser botar o número aí eh até tá aí no chat chorrindo aprendiz número um eh se alguém já teve contato já sabe alguma coisa enfim tá no zero enfim só pra gente eu recebi o feedback de vocês já dos formulários

mas queria ouvir também um pouquinho Carolina acompanhando esse trabalho da Ah desculpa vai lá viv Ah não não só Realmente eh dizer que claro primeiro agradecer a possibilidade né desse curso eh acho que já né mais mais do que passou da hora né de a gente eh tornar essa pauta ativa dentro da casa e e multiplicar né o que eu espero aqui o Mário né o Mário também né tá aqui na dentro da realidade da da da pr2 né acompanha a gente também mas eh eu particularmente trabalho na Coordenadoria jurídica mas trabalho né Eh eu

sou eu sou deficiente monocular né Eh tenho visão monocular e também trabalho com eh um um outro servidor que tem né Eh eh segira total e é Um Desafio pra gente né assim realmente eh talvez por por não sermos muitos né Eh existe essa essa essa dificuldade eu eu vejo muitos bons né eu vejo enfim eu eu eu tô muito feliz né de poder participar e de ser a gente multiplicadora aqui dentro da Procuradoria regional aqui né enfim da da segunda região e não sei realmente né não não não não sei nada Espero espero né

dessa dessa enfim desse desse dessa Total falta de conhecimento né Eh da matéria e realmente tô aqui para para aprender né E para para multiplicar aqui dentro da Regional né que for possível eh esse conhecimento Então já deixo aqui meu agradecimento pra Carolina PR Line enfim né Para todos que Que nos ajudaram na sua caminhada Obrigada viv Essa é a ideia mesmo seros todos multiplicadores eh jorgiana sim eh Boa tarde a todos eu sou jorgiana sou arquiteta trabalho na Secretaria de gên e arquitetura e eu atuo lá na na arquitetura bastante com acessibilidade arquitetônica né

então assim em termos de acessibilidade arquitetônica a gente tem avançado bastante mas eu percebi que acessibilidade em documentos Acessibilidade digital eu tenho muito muito que aprender a gente teve uma experiência recente de de fazer uma apresentação né e enviamos né o PDF da apresentação para um colega que é cego e eu não tinha a menor noção eu achava que era só salvar o pdf e tava OK e ele me deu um retorno dizendo que não era acessível ele não conseguia ler né com com com os softwares que ele tem que tava muito confusa e até

a Carolina me ajudou a salvar de uma forma um Pouquinho melhor quebrou um galho mas por isso que eu tô aqui eu quero aprender a fazer direitinho como você falou Todos Nós criamos conteúdo né Às vezes a gente não não tem essa noção de que o documento PDF é um documento que você vai salvar para uma pessoa né que usa esses aplicativos você precisa saber fazer né isso ótimo Murilo você estava falando é não é só eu coloquei sorrindo porque sei que o Desafio é gigantesco Nossa eh a gente eu acompanhei o trabalho da Carol

e da aí nesse quase um ano e e nossa realmente é acho que a gente começou a gente tá na ponta do ibag aí né muita coisa muita coisa É isso aí eh vou ler aqui uma os comentários muito sorrindo aprendiz aprendiz três a Paula e o Marcelo opção 1 e meil estou chorando por desconhecer e precisar fazer perícias e acessibilidade para os membros é Marcel acho você da ti né a gente vai falar um Pouquinho hoje acho que de conteúdos que você pode aplicar aí na sua perícia que é sobre páginas na web principalmente

né então a gente tentou tornar esse curso assim eh não tinha como ser específico para ninguém porque é muito conteúdo não tem como ser muito aprofundado nos conteúdos específicos gente são só 5 horas né então A ideia é realmente dar um Panorama mostrar na prática algumas coisas que vocês já podem fazer e aplicar e e desenvolver melhorar essa Acessibilidade e apresentar enfim as principais diretrizes as principais orientações e dar os caminhos aí para quem quiser continuar estudando pesquisando além de ter as nossa disponibilidade sempre para ajudar vocês tá bom isso é oi tá me ouvindo

bem Ô Renato Fala meu nome é Renato sou do da PRS na área de TI tá e eu faço parte também do da comissão de inclusão né Uhum eh mas realmente eu Tenho um pouco de experiência com deficiência visual né mas assim as dificuldades são muito grandes a gente que não tem deficiência da mesma deficiência né Eh a gente tem muita dificuldade assim de paciência né de se colocar no lugar e e tentar contribuir sem Eh vamos dizer assim em termo forte sem menosprezar né porque eu sempre tentei agir e fui ensinado inclusive por um

colega desde 1994 a gente entrou Junto o o colega que é deficiente visual né o Guilherme e e ele me ensinou muito assim sabe de cara eu eu conversei com ele assim depois de pegar um pouco mais de intimidade durante todos esses anos anos e perguntei não tenho vontade né de de enxergar de né ele disse assim olha eu eu tô bem assim eu tô muito bem assim eu não eu não sinto falta de nada e a gente não consegue absorver Isso E aí às vezes ele diz olha eu já tentei de tudo aqui mas

eu não consigo acessar tal coisa aí ele chama a gente vai lá claro que daí a gente fica mais de meia hora Ah vamos já ver isso aqui também tá aí aquilo ali a deficiência no sistema né Renato não é nele é Imposto de Renda né é deficiência são do sistemas da dos prédios né jorgiana são as coisas que não são pensadas para todos né só para alguns é inclusive eu fui fazer um Reconhecimento facial dele pro govbr uhum govbr e a gente tentou umas 25 vezes não aceitou E claro a gente fica assim ah

não deve estar aceitando porque Ah não porque aqui talvez não esteja muito claro vamos pra janela e e a gente não quer dizer provavelmente é inclusive da dos olhos né que dos olhos precisaria tá aberto então desculpa ocupar todo esse tempo mas só para eu tem muito que aprender sim eh regras normas leis eh Forma de atuar uhum u por isso que eu tô participando aqui obrigada aí por participar bem gente vou dar continuidade Então a gente tem um tempo curto Então vamos começar aí na introdução acessibilidade digital né Eh esse conceito que eu acredito

que muita gente já esbarrou aí pelo menos alguma vez do que que é acessibilidade né Essa é uma das definições que tá em lei inclusive que é a possibilidade de condição de alcance percepção e Entendimento para utilização em igualdade de oportunidades com segurança e autonomia aí de meio físico de transporte de informação da comunicação que é o que a gente vai tratar aqui por isso que tá em e inclusive dos sistemas de Tecnologia de formação e comunicação bem como de outros serviços de instalações aí desse conceito Eu puxei os dois conceitos que a gente vai

trabalhar mais que é acessibilidade nas comunicações e acessibilidade digital né Acessibilidade na comunicação é você tornar de fáil entendimento para o maior número de pessoas possível é a sua comunicação que você quer passar e você vai receber né que a comunicação um ato dialógico né vai e volta né bidirecional E nós somos seres comunicacionais né seja através da fala dos sinais expressões e sem a comunicação nós não conseguimos nos relacionar né então um um exemplo de acessibilidade de comunicações é o intérprete de libras São assistentes virtuais são legendas em vídeos que são eh mecanismos que

facilitam eh esse acesso a todos e a cidade digital tá mais restrita aos recursos né desse mundo digital que a gente vive especificamente de navegação compreensão interação na web né na internet né então Independente de qualquer limitação que a pessoa tenha motora de audição visual de interpretação né de conhecimento ela saber eh conseguir Navegar com autonomia Em qualquer Página em qualquer aplicativo no celular né hoje a maior parte do acesso não é feito no computador né sem a de ninguém em outras palavras uma internet acessível para todos e aí quem são essas pessoas né eu

quis trazer aqui um pouco eh de para que que a gente faz acessibilidade que a gente tem essa visão Ah é pro cego sim é para pessoa de baixa visão sim surdo deficiente Cognitivo mas é muito mais é pro idoso é pro disléxico é pro daltônico é pros autistas né São pessoas que estão com dificuldade orá se eu tenho um braço quebrado não consigo operar meu mouse eu tenho que saber que eu tenho a opção de operar um uma página na internet do MPF que eu vou teclado eu consigo acessar um sistema numa emergência usando

um teclado meu mouse quebrou né não preciso nem estar com com o braço quebrado se eu tô sem óculos eu tô sem lente eu tenho a Possibilidade de ampliar uma fonte eu tenho a possibilidade de né enxergar aquilo mesmo Semar com o meu óculos atualizado ou perdi ou quebrou se eu tô me recuperando de uma doença por exemplo a covid deixo deixou muitas sequelas nas pessoas e rapidez de raciocínio cognição né muita gente relatou por meses depois ter o raciocínio mais lento eu tem que tá abrir um texto de uma página do MPF por exemplo

que tem um serviço da instrução eu ler e entender eu vi um Texto complexo com muitos termos jurídicos mesmo que eu não tivesse essa sequela da doença é assim eu posso ser uma pessoa que não sou da área eu tenho que conseguir ler entender o que tá aí né a gente vai falar um pouco disso também dessa acessibilidade na linguagem e as pessoas s com dificultades tecnológicas né se eu tô com uma internet de baixa velocidade que é a realidade da maioria dos brasileiros se eu uso por um celular antigo que é a Realidade da

maioria dos brasileiros se eu acesso no computador que né tá velho tá com problemas enfim a minha banda de internet é larga o meu minha página tem que carregar a página da minha instituição tem que carregar eu tenho que ter acesso a todos os serviços eu tenho que tá disponível aquela página para essa situação né então isso também é acessibilidade essa esse design responsivo que a gente fala né da página poder em todas as plataformas e ela não Tá não exigindo muito da tanto da minha estrutura né de celular de computador quanto da minha internet

aí aqui a gente tem algumas imagens dessas situações né um idoso usando celular uma criança com Down com computador uma cadeirante aqui no computador uma pessoa cega usando o o celular também a situação do braço quebrado que eu falei uma outra cadeirante e um um um homem se comunicando em Libras né Por uma uma vde chamada [Música] e quem são essas pessoas né eu quis trazer alguns números tanto do Brasil quanto também vou trazer do MPF especificamente que é onde eu trabalho e onde foi feita essa pesquisa no Brasil são 8.9% da população que tem

algum tipo de deficiência isso são quase 19 milhões de pessoas Gente é muita gente tá e a principal deficiência é para enxergar mesmo usando óculos a lentes de contato tá a importância né no mundo tão visual Tão imagético mundo que a gente tudo a gente quer imagem quer gráfico quer botar a gente ter descrição de imagens a gente vai falar módulo só disso a Aline vai falar amanhã importância de imagens estarem acessíveis né de vídeos estarem acessíveis também terem descrição terem audio descrição depois a dificuldade de aprender lembrar-se de coisa de se concentrar aí a

gente volta paraa importância de você ter um conteúdo visualmente fácil de compreender de Linguagem simples também né você tem aquilo apresentável de uma forma que Facilite compreensão que não seja mais uma barreira e a terceira é ouvir né mesmo usando aparelhos Então são as deficiências auditivas E aí tem a questão que eu falei nós temos uma população que já já é de 15% idosa né brasileiros são idosos e até 2050 seremos porque eu serei também 30% da população né então a população idosa é uma população que que Tem mais dificuldade com tecnologia de aprender né

recursos novos que vai perdendo o quê visão vai tendo problemas também de audição problemas motores né de locomoção então é é é essa cessibilidade é para esse público também e vai ser cada vez um público maior né E temos a questão aí que eu destaquei também do analfabetismo funcional né além de temos a questão dos analfabetos mesmo então você né pensar nisso dependendo do público você tá produzindo Algum algum conteúdo tem o analfabetismo funcional que é a dificuldade que 30 por C dos brasileiros de 15 a 64 anos T de ler e escrever e fazer

operações matemáticas básicas no cotidiano então por isso a importância de sempre vocês pensarem um conteúdo né que é pro Cidadão em geral que é paraa população em geral vocês terem se mente Será que isso tá realmente acessível eu posso botar descrição de imagens eu posso botar um PDF lindo mas e a linguagem Isso eu tô mandando pra população vou botar no site do MPF vou botar na página vai ser acessada vai est no no Instagram tá isso tá realmente de fácil compreensão para esse tipo de de pessoas que que compõe grande parte da nossa população

né E a questão de novo da do uso do celular que é mais uma coisa que a gente sempre tem que considerar que 92 milhões de brasileiros só acessam a internet pelo celular gente então não adianta eu criar uma página linda Maravilhosa mas pesadíssima em que nessa telinha aqui desse tamanho não vai dar para ler não vai dar para ver ou eu baixo tem que baixar alguma coisa de 10 20 30 40 50 megas para poder acessar Então isso é algo que a gente considera principalmente é a gente aqui da comunicação que trabalha com a

internet com a página oficial da instituição mas eu acho que vocês tem que considerar também tem alimento intranet que manda por e-mail conteúdos né que isso vai ser Aberto no celular provavelmente entendeu não vai ser no computador gente se tiver dúvidas vocês podem perguntar ao longo do curso tá eh e aí eu trouxe uns dados internos que eu acho importante também a gente saber que eh a acessibilidade é aqui paraos nossos colegas né pelo menos vou falar da realidade do MPF mas o serviço público em si reúne muitas pessoas com deficiência por questão das cotas

do acesso ser né Eh objetivo direto ali Para uma prova não tem uma entrevista que né gera muita dificuldade e muito preconceito você ter toda uma uma dificuldade ali de acesso no privado que acaba que a gente pelo serviço público pelo concurso público a gente tem essa essas vagas reservadas e temos um grande público interno de pessoas com deficiência quem são essas pessoas especificamente no MPF né são 337 servidores e membros não não tem dados Estagiários mas temos também Estagiários Com deficiência eh 50% com deficiência motora 31% com deficiência visual 15 auditiva e quatro com

múltiplas né uma ou mais dessas combinadas então o o que eu percebi né que eu botei até ali que o MPF possui uma prevalência de pessoas com deficiência visual maior do que a média no mercado de trabalho pesquisar o mercado de trabalho você tem cerca de 11,6 de trabalhadores com deficiência visual não empam 31% né como eu falei o Acesso via concurso permite isso né a pessoa ter ter eh não sofrer esse preconceito né que realmente uma pessoa cega comev visor é muito mais difícil as pessoas quererem contratar né porque tem mais recursos de acessibilidade

que você tem que pensar prover E aí vem a questão de 83% ingressaram pela reserva de vagas 3,5 se tornaram pessoas com deficiência após o ingresso da MPU gente isso é uma na realidade né a gente tá aqui por 30 40 anos então a gente pode ter alguma Deficiência ter alguma doença enfim e 41% identificou necessidade de adaptação no trabalho né 26% foram atendidos 13 parcialmente e 5% não foram atendidos aa temos um longo caminho então de acessibilidade internamente também e eu destaco aqui nesse desenhozinho do computador os sistemas que são mais usados o único

né que o pessoal da ti tá aí num processo de adaptação e melhorias com o apoio das pessoas com deficiência e o e-mail a intranet o e-mail todos nós Usamos né então assim ao criar uma mensagem mandar um e-mail mandar uma imagem tem como botar uma descrição de imagens quando for anexar um arquivo tem como ele ser acessível então assim é uma ferramenta que todo mundo usa e a intranet que eu sei que muita gente alimenta mesmo no sendo da comunicação a sua área tem uma página lá bota ou site também né sobe com algum

arquivo enfim pensar nisso também são sistemas que são realmente praticamente universais na Casa né Eh eu vou passar agora um vídeo Na verdade dois trechos de um vídeo que o vídeo emci é muito longo da Cláudia Verneck ela é uma jornalista ativista da comunicação inclusiva ela gravou esse Ted na pandemia então tem algumas referências à pandemia a covid e por isso que não foi no palco do Ted foi na casa dela que ela gravou que tava no meio da pandemia e ela fala um pouco de que que é comunicação acessível né e Depois ela conta

uma história no final com um paciente de hospital explicando eh a importância dessa comunicação acessível Vou tocar aqui para vocês aqui que já tá aberto aqui para [Música] facilitar ação sim porque pessoas com deficiência muitas muitos tipos de deficiência elas precisam exercitar o seu direito de se comunicar e de ser comunicada e isso só é possível graças a uma Generosa e diversificada oferta de Recursos de acessibilidade na comunicação um livro nunca pode ser impresso em tinta tem que ter várias formas de digitais de você ler o livro Os livros T que ter descrição das imagens

descrição dos gráficos todo tipo de descrição para que pessoas cegas possam acessá-lo por meio dos seus programas ledores de voz se você quer de fato se comunicar com qualquer pessoa ampla ente uma comunicação democrática você tem que ter e e foca por exemplo na Questão da surdez você tem que ter libras e legenda não é só libras é libras desde a fila do teatro não é só libras no palco ou seja a pergunta é quem é que de fato aqui tá interessado em praticar comunicação acessível quem é que de fato tá interessado em se comunicar

com pessoas com deficiência saber por exemplo que pessoas com deficiência intelectual tem para contar pra gente sobre como é viver nesse planeta com o intelecto considerado Infelizmente de menor valor pras demais pessoas como é se comunicar recebendo olhares de menos valia quando a gente fala de comunicação acessível A Primeira ideia que vem ah eu vou fazer comunicação acessível no presencial e no online Claro no online também no mundo virtual também para que pessoas com deficiência saibam o que eu estou falando não não não não é isso a comunicação é sempre uma mão de duas vias

né eu preciso fazer comunicação Acessível Não é só para que as pessoas com deficiência sabam por exemplo o que as pessoas sem deficiência estão falando eu faço comunicação acessível também para que eu possa de fato saber qual é o tipo de conhecimento de expertise de de de contribuição de pessoas com deficiência pra sociedade porque esse é um tipo de conhecimento que tá preso tá guardado porque ninguém quer saber porque se ninguém oferece ensibilidade na comunicação a verdade é que ninguém Quer saber e isso é uma ltima é por isso que nós até hoje não conseguimos

ainda de fato tomar decisões sustentáveis verdadeiramente úteis para toda a população Porque Nós escolhemos pessoas Nós escolhemos as pessoas humanas com as quais nós queremos se comunicar é como se nós vivêssemos assim numa espécie de Delírio coletivo nós imaginamos que eu posso que nós podemos construir prédios fazer peças teatrais eh webinars lives na internet apenas para um grupo seleto De pessoas quem acha isso deveria botar uma placa Essa peça não quer que pessoas com deficiência entendam o que ela tá falando quem acredita que pessoas analfabetas por exemplo não precisam aprender a se proteger da covid

ou de al uma outra situação de contágio Sé e faz um folder apenas impresso em tinta e dá esse folder com os olhos brilhando de amor e devoção e muito assim se sentindo boazinha e a pessoa que vai receber o seu folder ou seu livro de de ajuda para Que ela não se contagia uma pessoa analfabeta você tá ajudando não você tá criando uma dupla discriminação aquela pessoa é analfabeta porque não teve oportunidades garantidas pela constituição para que aprendesse aer no nosso país e você entrega para ela numa forma de dupla discriminação um livro em

pressenti ainda diz olha isso é muito útil para você ler para você aprender a se proteger da covid-19 entretanto ela não sabe Ler percebam por favor como que quem está aqui neste momento assistindo a essa a essa fala e a todas as outras são pessoas que conseguiram se se comunicar e conseguiram ser comunicadas comunicadas desse evento comunicadas dos índices de contágio comunicada dos locais aonde você tem que ir em caso de emergência de incêndio de alguma coisa o mundo Entretanto é um mundo que é para todas as pessoas e não apenas para as pessoas que

Nós escolhemos quando vou Passar agora a parte que ela fala do Uma história aqui havia naquele Hospital um homem queimado chegou lá queimado era muito pobre parecia que não tinha família ninguém ia visitá-lo muito queimado tão queimado dilacerado que acabou até morrendo mas havia um mistério com esse homem que era que por mais que percebessem que ele tava muito mal muito mal ele nunca pedia por mais analgésicos e nunca reclamava de dor os Plantões Se alteravam as pessoas olhavam a ficha dele ele nunca pedia por nada nenhum medicamento todo enfachado sem se mover mas era

tão estran até que um dia alguém descobriu o mistério sabe qual era era um homem surdo era um homem surdo que se utilizava da libras e todo amarrado não podia manifestar a sua dor a pergunta que eu termino é o seguinte por no Imaginário humano e social de médicos e médicas que trabalham em Hospitais públicos num centro de Queimados pessoas queimadas não existe como possível a combinação de homem surdo queimado pobre e que se utiliza da libras a Libras é uma língua oficial no Brasil e essa combinação é uma combinação terráquea não é de outro

astral de outro planeta nem de outra dimensão a falta de combinação entre possibilidades todas perfeitamente legítimas de pessoas existirem qualquer Profissão que a gente tenha decida seguir essa essas combinações entre pessoas elas têm que ser expandidas expandidas para darem conta dos seres que existem das Comunicações que existem em qualquer situação porque nesse exato momento muitas pessoas podem estar sentindo dor e sem conseguirem ao menos comunicar a sua dor porque a sua forma de expressão é considerada a verdade é essa não humana comunicação inclusiva é a minha força e eu tenho certeza que Também é de

vocês obrigada é isso forte né mas eu gosto muito desse vídeo da Cláudia que ela faz um Panorama né Muito mais abrangente do que só você botar um recurso no seu site né como é é dar visibilidade né Essas pessoas e a efetiva inclusão né Se alguém quiser comentar enfim continuar aqui eh vou entrar agora pessoal num pouco da legislação não vou me aprofundar que né O foco aqui desse curso mas eu acho importante eh para basear também algumas decisões né que a gente Às vezes tem que tomar e algumas contratações e a gente pedir

né algum algumas coisas também no nosso trabalho cursos enfim treinamentos Então como é que a legislação brasileira né de acessibilidade é muito avançada perto de alguns outros países mas não muito aplicada né como quase tudo de legislação no país eh a legislação brasileira de Acessibilidade assim tirando a constituição que já previa né A questão da da inclusão mas eu vou entrar a partir da Lei 109 8 de 2000 que é a lei de acessibilidade que trouxe essa visão de quebrar de Barreiras seja Urbanas arquitetônicas no transporte ou na comunicação né então ela estabelece diversas diretrizes

e normas para essas áreas para permitir o pleno acesso e utilização das pessoas com autonomia enfim aqueles conceitos todos que a Gente já falou aí a gente tem a lei 10.436 de 2002 que é que reconhece a Libras como uma língua oficial do Brasil como a Cláudia fala até no no vídeo né que governos espaços públicos apoiem seu uso e ofereçam atendimento nessa língua para pessoas com com deficiência aditiva também ainda um grande desafio eh a Libras tá né Realmente disponível no atendimento nos vídeos enfim nos conteúdos em geral eh temos o decreto 5296 de

2004 que é o que reforça o Atendimento prioritário projetos arquitetônicos e urbanísticos acessíveis e o acesso à comunicação e informação e aí ele eh trouxe como novidade as normas da bnt né como parâmetro de acessibilidade a serem seguidos então a bnt além de normas arquitetônicas que a maioria já conhece ela tem normas de acessibilidade na comunicação também eu não vou me aprofundar nelas aqui mas tem normas para televisão para como tem que ser a janela de libras como tem que ser Audi descrição tem algumas normas de acessibilidade que eles já criaram eh e esse decreto

6949 2009 que incorporou a nossa Constituição as normas definidas na convenção internacional sobre o direito da pessoa com deficiência e seu protocolo né também a foi requeto bem importante e eu deixei por último uma das principais leis que que baseia muitas contratações e muitas ações enfim que é a lei brasileira de inclusão da pessoa com deficiência a lei 13146 de 2015 que é conhecido também como Estatuto da pessoa com deficiência eh essa lei foi inspirada nesse protocolo da convenção da ONU sobre os direitos da pessoa com deficiência e é uma das leis mais amplas né

né da nossa legislação hoje E aí tem como objetivo promover a inclusão social a igualdade de oportunidades e o exercício pleno da Cidadania para pessoas com deficiência essa lei tem três grandes partes né Ela é dividida Primeiro ela trata dos Direitos fundamentais das pessoas com deficiência né como educação transporte saúde aí tem uma parte do acesso à informação e à comunicação é essa parte que eu vou dar um destaque aqui e a parte da punição qu descumpre esses pontos né Tem uma parte que ele fala das punições bem aí Eu trouxe as definições que ela

Traz né de Barreiras na comunicação e na informação que são o quê qualquer entrave obstáculo atitude ou Comportamento que dificulte ou possibilite a expressão ou recebimento de mensagens de informação por intermédio de sistemas de comunicação de tecnologia da informação e as barreiras tecnológicas que são as que dificultam impedem o acesso da pessoa com deficiência às tecnologias ou seja praticamente tudo que a gente vai tratar aqui né de como superar Essas barreiras na comunicação na informação e na tecnologia que a gente tá usando para Transmitir né essa informação e aí vem alguns artigos né que impactam

diretamente aqui o nosso trabalho no MPF eh o 63 que é o obrigatória acessibilidade nos sítios da internet mantidos por por empresas com sede ou representação comercial no país e por órgãos de governo para uso da pessoa com deficiência garantindo-lhe acesso as informações disponíveis conforme as melhores práticas e diretrizes de acessibilidades adotadas Internacionalmente eh hoje gente menos de 1% dos Sites no Brasil são acessíveis tá então assim a gente tem um longo caminho essa lei já tá quase fazendo 10 anos né se você for pensar de 2015 e a gente tem menos de 1% de

sites acessíveis e sites do governo ainda acho que é um pouco menos tá acessíveis assim quatro cinco critérios que foram analisados recentemente Numa pesquisa também e e e eu destaquei também a questão dos serviços de rádi fusão de Sons e imagens que é o que a gente tá usando para eh prevê contratações de acessibilidade pro YouTube né hoje no mundo digital eh a gente nossa televisão né nosso canal é o YouTube né onde a gente sobe vídeos até que passam na TV do MPF por exemplo no TV Justiça no programa E aí eh esse artigo

não trata né de assess Oi não desculpa é só uma pergunta uma curiosidade mesmo eh quando a gente entra eu sei que você já falou né que o número é muito enfim muito Parco né muito pequeno mas quando a gente entra no site existe alguma alguma algum selo indicando que ele é um site acessível alguma coisa nesse sentido ou não normalmente tem um um link de escrito acessibilidade quando você entra nesse link o site faz uma declaração da acessibilidade dele aí lá ele fala que recursos ele tem que tão acessíveis como é que a pessoa

com deficiência pode acessá-los e um resumo isso é obrigatório por essa lei você ter Essa declaração Ah tá bom Obrigada nada e aí na radiodifusão de sons e imagens que são a a televisão mesmo serviço de televisão e rádio né Aí você tem na televisão eh legenda oculta que é os conhecido Close caption Que Vocês conseguem acionar janela com intérprete de libras e audio inscrição mas eh esse serviço tem uma porcentagem da programação que é obrigatório ter tá gente e aí varia eh de acordo com o ano que a gente tá o ministério das Comunicações

tem uma portaria enfim como não é o foco aqui eu só tô colocando para vocês saberem que é previsto esse lei também eh e eu puxei também o um dos objetivos de desenvolvimento sustentável da ONU que é ligado com a acessibilidade que é o número 10 de redução das desigualdades né que é uma das metas é empoderar e promover a inclusão social econômica e política de todos Independente de idade gênero deficiência raça etnia origem religião condição Econômica e outros fatores então garantir a igualdade e reduzir a desigualdades de resultados por meio de eliminação de leis

políticas e práticas discriminatórias Isso é só mais uma força né que a gente tem aí para para atuar em prol da acessibilidade eh eu vou falar agora um pouquinho de como é que as pessoas com deficiência acessam esses conteúdos né para vocês entenderem Por que a gente precisa de escrever imagens e que a gente precisa ter um Site acessível por teclado né então vou falar um pouquinho das tecnologias e recursos de acessibilidade mais usados tá isso aqui não não são todos mas é até porque tecnologia graças a Deus tá evoluindo tem muitos recursos novos mas

os principais né Eh o número um gente é leitores de tela eh todos os usuários com eh cegos né e alguns com deficiência cognitivas também ou com baixa visão usam leitores de tela que são softwares que leem tudo que está na tela do Computador só que eles leem está corretamente programado que está corretamente descrito Se eu por exemplo subo uma imagem e o nome dela é gráfico P jpg e eu não boto um texto alternativo do leitor de tela valer gráfico P jpg né Então aquela aquele gráfico lindo Tá indisponível né pro pro usuário cego

alguém me chamou ou não eu Aline Oi Aline lembrar que é uma coisa que fez muita diferença para mim saber é que o leitor de tela ele só lê texto é por Isso que a gente tem que descrever imagem porque por enquanto pode ser que isso seja né um avanço de Inteligência Artificial mas por enquanto os leitores de tela só lê em texto é por isso que qualquer imagem precisa ter o texto para esse software poder ler né Uhum isso então por exemplo quando você usa um emoji alguns emojis o leitor de tela já identifica

E aí ele lê carinha sorrindo né mas se você bota 15 emojis no seu texto ele vai carinha sorrindo carinha Sorrindo carinha sorrindo carinha sorrindo então é saber que isso também atrapalha a comunicação né Principalmente a gente deu um curso agora pra equipe de mídia eh social e deu até um um um guia para eles de uso de emojis é que esse uso indiscriminado atrapalha o quem usa leitor de tela porque é é mais uma leitura é mais um uma informação que ele não não tá vendo para já assimilar ele tem que ouvir e às

vezes o que o Emoji representa no via Texto não é o que você quer representar naquela imagem tem isso também né então evitar o uso de muitos emojis escrever todas as imagens a gente vai falar mais um pouquinho disso mais à frente mas por isso né é o é a forma que que eh o a pessoa com com pessoa com deficiência que é cega Ou baixa visão utiliza e ali na foto aquele rapaz ali é o Lucas rada ele é um brasileiro engenheiro de software da Google então ele é cego e ele aprendeu a programar

fazer tudo Ele Trabalha na Google hoje mesmo né mesmo não né independente da deficiência dele porque ele tem esse esses programas e ele programa e a Google é acessível né no trabalho dele eh display Braile que é outro outro outra ferramenta também utilizada por pessoas cegas com eh conhecimento em Braile que é um dispositivo que você conecta no computador celular e você tem a sente as teclas ali no no sistema brile né Eh utilizado também por cegas surdas né Pessoas que são cegas surdas simultâneas e a navegação via teclado né que a gente tem ali

um um uma pessoa com deficiência motora não tem movimento dos braços Então ela navega usando um um palito ali para pressionar o o as teclas do teclado né Eh então a navegação vi a teclado é fundamental Porque da mesma forma que a pessoa cega não uso mal pessoas com deficiência motora né membros superiores também não vão conseguir usar o mouse né além desse temos legendas e transcrições Então é muito importante né qualquer conteúdo em áudio ou em vídeo podcasts eh os áudios do WhatsApp gente hoje já tem ias que traduzem né a gente grava muito

áudio E aí tem pessoas que podem não ser completamente surdas mas tem deficiência auditiva usam aparelhos e aquilo ali é mais uma barreira né Às vezes o áudio tá num num lugar barulhento você fala fala rápido enfim se fala rápido é pior que o áudio só tem uma opção de acelerar não de diminuir né A velocidade então Eh as legendas do CL ction e as transcrições a Line vai mostrar quando falar de vídeo muitos vídeos já vem com transcrição o próprio YouTube gera uma transcrição automática tá de dos vídeos são a forma dessas pessoas terem

acesso a esses conteúdos a ampliação eu acredito que muito como eu já falei no início muita gente já usa né abre um site que tá pequenininho a gente já faz assim né no celular Ô para ampliar uma foto uma informação que a Gente não tá enxergando eh essa ampliação você pode ser tanto digitalmente aqui ou com lupas eletrônicas né como às vezes se a pessoa tá trabalhando com algum documento impresso tem lupas eletrônicas pro impresso também mas digitalmente é é no próprio computador celular que você faz e navegação por voz ou sopro nesse caso aqui

o o o homem aqui tá utilizando as duas eh é como a pessoa por exemplo com quadra plégica né utiliza o computador Ela consegue Navegar falando e com s para ela dá tipo enter assim o comando né então é muito utilizado também com pessoas comciência motora por isso é a importância de você ter essa navegação toda bem estruturada no site para ele ser acessível dessa forma também eh eu vou passar agora um vídeo rapidinho que é da Apple é um vídeo institucional deles mostrando alguns recursos de acessibilidade do iPhone do Mac dos programas deles de

edição dos relógios Enfim eh tá em inglês tem legenda em português mas a legenda aquela automática Então não é maravilhosa mas eu acho que é bem legal pra gente ver como a tecnologia Pode ser inclusiva pode facilitar a vida dessas pessoas enfim elas podem viver suas vidas como nós sem nenhuma limitação porque a tecnologia tá não é a barreira né como o Renato falou né que eu eu não quero ter ser igual a você eu só não quero encontrar Barreiras né e acho que esse Vídeo mostra isso muito bem pronto legal né eh não sei

se vocês repararam tem uma um programa que ele tá editando imagem da época ele consegue usar as expressões faciais né língua para fora fazer assim ele começa a poder editar as imagens ter acesso as funcionalidades com as expressões do rosto né bem legal a Como a tecnologia Pode ser inclusiva né de fato Eh aí eu queria ouvir um pouquinho de vocês qual recurso desses vocês já Usaram né que eu acho que todo mundo já usou e não sabia que era acessibilidade né legendas ampliação da fonte o design responsivel acessar uma página pelo celular comando por

voz Alexa Ok Google né tudo isso legendas Principalmente eu vejo muita gente no Instagram né porque não quer abrir o áudio no no no trabalho no transporte aí se não tiver legenda pula o vídeo né e é acessibilidade também Se alguém quiser falar um pouquinho Eh acaba que a gente no dia a dia usa um pouco de cada né e aquilo essa questão do Design responsivo muitas vezes até algum serviço que a gente precise pela internet Às vezes a gente deixa de comprar num num local deixa de comprar num ou deixa de usar um serviço

de uma instituição e vai usar da outra porque eh tem essa responsividade né porque eu é possível fazer pelo celular né a possibilidade de fazer pelo celular faz muita diferença é a gente Vai ver que a acessibilidade também é perda de negócios para quem não faz né as pessoas com deficiência não conseguem acessar e muitas pessoas desistem porque é difícil é complicado não abrem o celular consome muito a memória do celular porque é um site pesado né então assim para pra parte porque não é o foco nosso aqui porque a gente trabalha no ministério público

mas paraas empresas é é são muitas peças tem muitos eu li muito comunidade cega que tem sites de Aéreas né empresas aéreas que eles nem nem tentam comprar passagem porque é muito complicado ou o site funcionário do nada tem uma atualização e para de funcionar leitor de telas enfim aí o negócio esse negócio todo eles perdem Por às vezes falta de conhecimento de como tornar acessível né mas isso foi um pouco só para mostrar para vocês como eh a gente tá sempre usando e qualquer momento podemos usar mais e esses recursos também nos beneficiam né

Beneficiam todos né Eh boa tarde boa tarde boa tarde boa tarde tudo bem tudo bem Michel bem-vindo então eu eu sou Michel eu tenho deficiência visual cheguei bem à proposta nesse momento que vocês estavam mostrando este vídeo ali com alguns recursos de acessibilidade e de fato eu posso dizer no meu dia a dia que para estar aqui por exemplo eu tive que usar um leitor de telas aqui no computador eu tive que usar um nvda para poder chegar Aqui para poder trabalhar no meu dia a dia aqui no MPF né A Proposta eu sou Analista

da prm de menal eh eu tenho que usar leitor de telas também eh o o smartphone Sem dúvida para todo mundo ele já é a assim fundamental pra vida né Para nós então ele ganha uma significação maior ainda né justamente por essa todas essas informações que a gente consegue ter de descrição de elementos enfim descrição de de imagens também no dia a dia enfim vários Aspectos e para navegabilidade enfim eh eu também tenho em casa TV com com dispositivo de leitor de tela que também permite Navegar enfim Então nesse aspecto faço uso bastante desses recursos

e que eu acho legal especialmente num smartphone é essa questão assim de que você pode digamos assim compartilhar algumas informações com a pessoa que está do seu lado porque às vezes com computador você usa teclas de atalho que a pessoa não consegue Entender mas quando você tá com Smartphone você consegue aprontar pro mesmo canto da tela em que a pessoa tá vendo e você também consegue com com gestos de gesto Hum você também CONSEG acessar então é uma concepção de desenho Universal né não deixa de ser isso aí Ah que legal Michel bom você tá

nesse curso que você também pode complementar com a sua experiência né P eh com qualquer conteúdo que a gente falar aqui como é que é importante algumas coisas que a Gente vai falar aqui para você ter acesso E tantas outras pessoas terem acesso Ah vai ser umer obri bem-vindo mais alguém quer falar poss seguir vamos lá eh Então vou entrar agora na parte um pouco mais técnica mas não menos importante que é acessibilidade na prática páginas na web tá como é que a gente torna sites intranet Quando você vai editar uma página enfim criar algum

conteúdo aí na webs acessível tá E não Tem como falar de eh acessibilidade na web sem falar do wcag e do emag que são eh as diretrizes de acessibilidade tá são documentos eh feito os eh o w wcg foi feito pela w3c que é o consórcio Mundial que de padronização da da web é uma comunidade internacional que tem uma equipe em tempo integral tem especialistas e várias Organizações e membros ao redor do mundo então eles desenvolveram o wcag para você ter uma padronização de acessibilidade no mundo Né na web então o wcag tem mais ou

menos umas 78 80 diretrizes teve agora uma atualização não sei se se só mudou algumas coisas aumentou mas é mais ou menos isso não tem como a gente ver 78 diretrizes né gente senão são 15 horas só disso então o que que eu fiz eu selecionei algumas que eu vou apresentar para vocês e vou mostrar aqui no no na página do MPF que estão implementadas eh e algumas mais não vou falar mais importante porque todas são importantes Mas assim que de repente vocês não pensam de repente vocês não entendem porque tá ali ou de repente

são muito importantes mesmo e a gente nem se tocou tá aí só aí para vocês saberem é o wcg ele vai sendo atualizado né porque a tecnologia vai evoluindo enfim as as necessidades também de de adaptação então a gente tá na versão 2.2 que foi lançada agora em 5 de outubro de 2023 então tem pouquíssimo tempo tá E e no Brasil tem uma adaptação do wcag que foi Adaptado do modelo 2.0 deles que foi de 2008 que é o emag que é o modelo de acessibilidade e governo eletrônico que tá na sua versão 3.1 que

é de 2 14 Então tá um pouco mais atrasado que o wcg a última versão que é o modelo que normalmente os os os projetos de sites governamentais seguem eh eu aqui no MPF tô tentando seguir o wcag 2.2 porque é mais completo mas o emag também é um é um uma ótima diretriz para você começar a verificar acessibilidade no site tá de Governo eh e como é que é dividido essas diretrizes né eles eles separam eh essas essas reg linhas em quatro grandes princípios que eles têm que atender e o primeiro é o princípio

do perceptível o que que é perceptível o usuário quando entrar no site ele tem que perceber a informação que está apresentada na tela Então ela não pode estar Invisível em nenhum aspecto no caso por exemplo que o Michel falou eu já falei a descrição de imagens né então Para ele uma imagem sem uma descrição está invisível não é perceptível para ele aquele conteúdo tá então isso é um exemplo daquela informação tá perceptível é compreensível é outro grande grande princípio do wcag os usuários precisam entender o conteúdo da tela tanto quanto operar né então Eh é

por exemplo a questão da linguagem aí tem um exemplo de fornecer um glossário então por exemplo se eu tô fazendo um texto paraa população eu uso termos Jurídicos né no nosso caso aqui né entrou com uma ação indireta de inconstitucionalidade e eu não ofereço nenhuma explicação nenhuma tradução daquilo aquilo já é uma barreira né então wcg por exemplo prevê o uso de glossários o uso de de linguagem mais acessível Aí temos também o princípio do operável operável é o quê as ações que eu posso executar Naquele site aí na interface dele tem que ser operáveis

por qualquer tipo de usuário né não pode eh Exigir uma interação que eu não posso executar por exemplo Ah você para operar você tem que sacudir o celular se eu sou uma pessoa com deficiência motora né se eu tenho o então por exemplo tudo tem que tá acessível pelas tecnologias assistivas pelo teclado por exemplo um exemplo navegação de teclado não só eu não posso botar um botão que eu só chego lá por Mouse por exemplo se eu Navegar com a tecla Tab ele ele não não passa por lá e aí como é que a gente

vai Chegar lá se eu não uso o mouse por exemplo eu não tô vendo por exemplo que tem um botão ali né e o o princípio robusto que é a questão do conteúdo ser robusto eles usa esse termo que que é o quê ele ser interpretado por diversos Agentes do usuários né então ele ser interpretado no meu celular ele ser interpretado pelo leitor de tela ele ser interpretado pel aquele eh teclado alim Braile ele ser interpretado por qualquer recurso que eu vá utilizar esses quatro Princípios dentro deles estão essas diretrizes que a gente vai ver

E além disso O wcag tem níveis de conformidade que eles falam que é o nível a 2 A 3 A né tipo assim o a é o mínimo que você tem que fazer para alcançar assim o aa é o intermediário Ó você já já alcançou o mínimo agora você tá atendendo o aa quando você atende o aa você naturalmente já tá atendendo os critérios de nível A tá então você vão ver que alguns critérios o mesmo o mesmo Critério tem dois níveis se você fizer o básico Você tá no ar se você fizer uma parada

Melhor ainda você tá no ar e alguns já pula pro a pro a aí você atendeu tudo né um exemplo é os vídeos né se você botar uma legenda você já tá atendendo se você botar uma legenda e uma libras você tá atendendo os dois critérios E você tá já num numa num nível de conformidade melhor eh o aa é esse mais sofisticado né que abrange todos os outros níveis e é o mais Difícil gente de atender assim não não vamos emitir falar que é muito difícil por exemplo todos os vídeos que você por exemplo

uma instituição sempre publicar ter sempre libras você ter sempre legendas você ter sempre eh todos os recursos disponíveis mas é a meta eu acho que é onde a gente tem que mirar e tá sempre buscando alcançar tá eh Então vamos ver um pouquinho quais são essas essas diretrizes eh o básico gente de um uma página na web não é Minha área tá gente formação então se eu falar alguma besteira os técnicos me corrijam mas é a semântica né a linguagem a programação e e no no wcag eh a base disso é a semântica html para

você desenvolver uma página acessível você tem que usar os elementos adequados do HTML tá eu não vou me aprofundar Nisso porque não é o foco desse curso mas eu quis Trazer isso aqui até em razão da dos nossos colegas de ti que acredito que essa parte a também já Devem ter essa formação Mas você tem que usar o cabeçalho de títulos das áreas das páginas atributos de descrição para as imagens tem que usar as tags HTML do HTML5 né semânticas então usar o rder o Main nave então assim o que acontece nessa linguagem do HTML

cada coisa aí tem uma função e quando você tá programando tá fazendo uma página você tem que usar as funções corretas para as coisas corretas que é assim que o leitor de tela e a navegação vai vai funcionar Né então tem um exemplo ali por exemplo o H1 que é o primeira notícia né primeiro nível notícias aí vem as editorias cidade dentro de cidade São Paulo e Rio de Janeiro aí você vê que você tem que botar aqui o H1 notícias é o primeiro o o nível inferior é o H2 o outro nível é o

H3 né então você tem que usar essas hierarquias as e vocês vão ver com a Line amanhã que você a gente usa algo similar nos documentos para essa navegação ser mais fácil pro pro Paraa pessoa com deficiência Especialmente para quem navega usando o leitor de tela né ela poder pular o menu poder Navegar por títulos poder eh fazer essa navegação mais rápida mais acessível né então é muito importante isso tá e a semântica quer falar Michel até se me permite É de fato vocês as pessoas que enxergam enfim né costumam acessar os sites e conhecer

pelos ícones que tem né Nós vamos traçando esse mapa ah os cabeçalhos Quantos cabeçalhos tem na página ah os botões de ação que tem na página os campos de formulário que tem na página é pra gente a medida que a gente vai tendo contato com essa página familiaridade com ela a gente vai traçando esse mapa digamos assim ah para para fazer uma busca vou ter que encontrar um campo de edição um campo de formulário Ah para uma caixa de seleção Ah um cabeçalho por exemplo a pular um para não ficar por exemplo num monte de

links por exemplo Até chegar onde eu quero chegar eh às vezes eu posso imaginar por exemplo que manchetes estão em cabeçalhos né então nível um nível dois conforme o caso né então a gente vai conseguindo por atalhos do teclado em vez de ficar fazendo esse comando o tempo todo de dar de dar seta para cima seta para baixo ou Tab enfim à medida que você tem um conhecimento da página Você já consegue traçar isso mentalmente como se fosse se locomover Por uma estrada por uma rua né Você já tem esse mapa mental da página né

como ela tá constituída legal e só para complementar essa semântica também e tem um papel importante que a gente chama de CEO né o search Engine optimization Então quando você aplica corretamente esses esses recursos na no HTML você faz a descrição de de imagens tem esse bônus que você sua página aparece melhor ranqueada no Google esse é o sistema de mecanismo de busca para entender um conteúdo de uma Página porque o o Google ele lê a página e ele lê a imagem pela descrição né então se tanto que aquela busca de imagem se você não

botar descrição nenhuma tiver um nome nada a ver dificilmente ela vai aparecer por exemplo na busca de imagens porque o o software do Google vê o texto né não vê a imagem então Eh e melhora sempre que uma página tem mais recursos de acessibilidade tá melhor pensada nesses requisitos ela ranqueia melhor também Então seria mais um plus né para para se trabalhar isso eh e aí que critérios são esses né eu selecionei alguns aqui como eu falei e a gente vai começar a vê-los né Eh botei primeiro aí que eu acho que é um dos

mais importantes e a gente raramente pensa que é a navegação 100% por teclado então o wcag bota com a todas as funcionalidades devem ser acionadas via teclados a menos que a funcionalidade não possib Evite o controle apenas por teclado já no 3aa Todas as funcionalidades devem ser acionadas de teclado sem exceção então assim o ideal é estamos nesse 3ao se acionado é via teclado sem exceção então é a navegação como Michel falou tá bem estruturada paraa gente poder com a tecla tab com as teclas com as setas com os atalhos que o o teclado permite

você poder acessar todo aquele conteúdo tá eh eu vou apresentar esses três depois eu vou lá na página do MPF Navegar com vocês para eh mostrar visualmente como é Que fica né não vou ligar o meu eu uso também Michel leitor de tela na para teste mas se eu ligar vai ficar falando aqui né vai acabar atrapalhando falando eh e o o outra coisa não basta só a navegação tá boa o foco tem que tá visível então assim eh ao se interagir pro teclado qualquer pessoa deve conseguir Identificar qual é a sua localização espacial na

tela né que é o caso de pessoas que precisam usar navegação e não necessariamente tem e Deficiência visual né elas enxergam elas precisam saber o que que elas estão acessando via teclado né então aqui nessa Eu dei um print aqui numa página do da Globo Vocês estão vendo que tem um retângulo Zinho em volta de Globo isso é a página original do da globo.com Se você usar a tecla Tab lá vocês vão ver que eles vão marcando tudo que você tá acessando ela vai na hierarquia lá da página direitinha você parou no item você aperta

Enter vai abrir aquele link Tá então isso tem que tá visível essa esse foco visível é isso você conseguir ter um um retângulo uma marcação naquele item naquele link naquele menu enfim naquele eh naquela objeto que você pode exercer alguma ação né ele tá visível para você tá quando você tá navegando no teclado e outra coisa muito importante é a ordem que esse foco aparece né De nada adianta eu clicar tá aqui a de repente ele cai lá no final da página de repente ele some que é isso que o Michel falou Quando ele tá

ali navegando ele tá fazendo um mapa mental de como aquilo tá posicionado então a desses elementos sempre tem que ser sequencial e lógica né De acordo com o conteúdo que você tá colocando eh e aí ele fala aqui ó para leitor de telas a ordem da Leitura não é mesma se comparado a leitura da pessoa que enxerga pois o o software Faz uma leitura de cima para baixo da esquerda para direita para quem navega por Teclado é importante ordenamento lógico Então vamos lá dar uma olhada lá como é que isso é feito vou abrir aqui

a página do MPF deixa eu dar uma ampliada aqui para vocês enxergarem melhor aproveitar acessibilidade ó primeiro ele tá aqui no alto ó no banner tá vendo aí Ó acessibilidade aqui é o contraste aqui é o mapa do site o v libras e aí ele começa aqui ó com a marcação tá vendo e ele tá seguindo a ordem lógica do menu Né ele não tá pulando ó se você quisesse dar um um shift Tab ele volta entendeu Tab vai pra frente vai para trás ele tá caminhando aqui no conteúdo então se eu não tiver Mouse

meu mouse tá quebrado por exemplo exemplo tenho alguma dificuldade com de mouse tô enxergando eu consigo ó navegar no conteúdo todo e operar essa página ó ir pro lado e pro outro 1 2 3 mais notícias o Ban da Transparência então todo esse conteúdo ó que ele tá aqui embaixo no nos itens do Banner do npf serviços pausar o banner é outra coisa que a gente vai ver mais paraa frente que é importante o vídeo que tá aqui na página eu consigo dar Play esse público o banner do radar e aqui todos os menus aqui

de baixo ó tudo que tem link aqui embaixo é ó eu consigo acessar ó então a página tá acessível vi teclado tá com foco né E tem uma ordem lógica de de navegação e eu consigo acessar Então é isso que tem que ter tá nessa parte aqui De Deixa eu voltar aqui a apresentação o teclado eh e aí esse foco que a gente viu eles botam mais dois critérios um 2 A e um 3 a o 2ae não poderá ficar completamente oculto devido a demais componentes da interface por exemplo um rodapé cobrir parcialmente esse elemento

já o 3ae nunca poderá ficar oculto que que é isso esse foco aqui quando eu tô no item eu não posso ter nada aqui tampando né vamos supor aqui não acontece tá na página do MPF não vi Ainda eh mas eu não posso estar aqui selecionado e eu tenho um banner aqui que abre aqui em cima e me atrapalha ver que que está selecionado entendeu Então esse é outro critério que você vê são coisas bem bem técnicas né Bem que a gente não pensa mas que atrapalha né a pessoa que tá navegando tá usando de

telas então o ideal é aquele tra que é o foco visível não poderá ficar oculto devido a nenhum outro elemento da interface tá então rodapé não pode Cobrir enfim Aí temos um outro item muito importante que é usado principalmente com pessoas com baixa visão que é o zoom tá então você tem que poder APAR até 200% de zoom na tela e você tem a responsabilidade desse texto desse material Ou seja a legibilidade tem que continuar a leitura tem que continuar não tem que sofrer uma queda as coisas sumirem ficarem completamente perdidas ali na página ou

seja o conteúdo não pode ter perda e nem ter Sobreposição de informações enfim e essa questão de ampliar eh também tem a ver com adaptação no celular também né Eh responsibilidade no celular mas vamos ver aqui como é que fica a página da npf ampliada para vocês verem ampliar gente o atalha cont control mais para quem não sabe cont control menos para diminuir tá vocês quiserem testar aqui ó abrimos e tá aqui as Notícias adaptou de até cair ó tá tudo dentro desse dessa página tá vendo consigo acessar e ler a página obviamente ela vai

ficar mais longa né porque está com zoom de 200% isso é normal mas aí eu dar esse Zoom e eu não perder conteúdo eu não perder texto e o texto ser ampliado uma observação a Line deve falar na parte de imagens mas eu já vou adiantar aqui o que que a gente Evita usar é uma luta tá gente mas a gente não ganha todas Usar texto Dentro De imagem porque o texto ele quando ele amplia ele vai ficando deixa eu fechar isso aqui ele vai ficando eh pixelado né porque é uma imagem não é um

texto de fato Então tá vendo que tá tem uma perda de qualidade e aqui não tem no texto real S Então isso é um critério de acessibilidade é não evitar o uso de textos como imagens Tá mas como você que é uma imagem ilustrativa né só da matéria não não é uma informação assim a a informação não está nesse Nesse nessa imagem né que a pessoa precisa acessar mas não é recomendado por isso Ó você vai dando zoom aqui esse do garimpo aqui por exemplo E aí vai ficando ó bem bem ruinzinho de ler né

então se a pessoa tem baixa visão tem né problemas para enxergar dar um zoom zoom aquele Zoom não vai resolver porque vai perdendo qualidade né no texto O que não acontece com quando você faz isso no no texto mesmo da web tá mas aí a gente vai A gente vai falar um pouco mais disso mais para frente quando a gente falar de acessibilidade em imagens em em artes né designes que a gente cria tá eh outra é importante a página tem que ter título tá então o que que é isso se eu tô numa página

do sistema de atendimento ao cidadão el tem que falar sistema de atendimento cidadão se eu tô na página principal tem que falar página do Ministério Federal então é um página principal e a descrição isso também se Faz normalmente no código tá do da programação Eh aí eu peguei algumas algumas diretrizes que já Muitas pessoas não conhecem por exemplo limite de tempo eh quem nunca tá no formulário de repente apaga né você C deu você só descobre depois você perdeu tudo que você preencheu porque tinha um limite para preencher aí expira então tem algumas regrinhas no

wcag para isso Eh caso tenha algum tempo de execução para Alguma coisa né e não seja essencial ele fala obrigatório ponto de vista legal deve excluir uma opção para desligá-lo para ampliar então assim se eu se eu preciso que aquele formulário seja enviado se não perde eu tenho que dar a opção da pessoa desligar esse tempo ou aparece uma mensagem por exemplo e fala esse formulário inspirará em um minuto ampliar o prazo ok ampliar eu dei a opção dela ampliar tá E aí melhor ainda é esse 3sa Nesse quesito que é se se a Inatividade

né eu comecei a preencher por exemplo formulário e não continuei eh foi inferior a 20 horas e isso vai levar a pessoa a perder os dados aí eu dou uma uma mensagem na tela informando que os dados serão perdidos então idealmente a Inatividade para eles é só quando é inferior a 20 horas assim eh umaatividade até 20 horas né acima de 20 horas Teoricamente tá Já já perdeu né pessoa até que tá lá mas eu tenho que dar uma mensagem que esses dados vão ser Perdidos né então a mesma coisa então em vez de desligá-lo

D opção de que vai perder e ampliar eh outra coisa muito importante gente que até a mim incomoda são elementos que tão eh em movimento automático eh então por exemplo aí o ipf tem um banner alguns banners na verdade mas eh que ficam passando inclusive na intranet né esses banners eh tem que ter um controle que a pessoa pode pausar paraar ocultar tá Eh Então vamos lá ver como é que é isso não tinha tá antigamente agora tem então ó quando você entra na página deixa eu diminuir o zoom aqui temos esse banner aqui rodando

né e isso é uma distração isso assim incomoda até pessoas sem deficiência incomoda pessoas com autismo incomoda pessoas que tem eh baixo letramento digital né Não conseguiu ler dá nervoso você quer acessar e não consegue Enfim então o conteúdo tem que ter isso aqui ó o botão de pausa e se eu Quiser eu resumo e volto tá E ao mesmo tempo que tem botão de pausa tem as opções de eu Navegar nesse conteúdo aqui ó nessas bolinhas aqui deixa eu dar um zoom para vocês verem de eu Navegar nessas bolinhas aqui para eu acessar conteúdo

que eu perdi Então isso é muito importante Às vezes o seu setor tá pedindo a criação de uma página na intranet Você quer um Ban quer um negócio mexendo tem que ter esse botão gente tá para para poder pausar esse Conteúdo é um dos requisitos do do wcag Deixa eu voltar aqui eh aí vem a questão de rótulo no nome acessível o que que é isso né É isso que o Michel tava falando ele saber que ali é um campo de busca ele saber que ali é o campo formulário ele saber que ali é o

é o menu que ali é é o botão de comprar se for um site de comércio Então os botões né os ícones acionáveis qualquer coisa que tem interação ele tem que ter uma descrição tanto pra gente né porque Que tá lá escrito compre aqui eh Fecha aqui como tem que tá no código devidamente descrevendo O que que tá fazendo aquele botão para a o leitor de tela ler aquela informação né corretamente então um exemplo um botão cujo rótulo visível seja compre já na forma audível né pelo leitor de tela pode ser compre já o produto

tal né que é aquela página daquele produto que você tá então isso é fund tal gente se o botão por exemplo só fale botão isso Acontecia muito aqui nos meus testes no site botão botão botão de quê Ou seja a pessoa tem que executar ação para entender que que vai acontecer né Se conseguir entender né então tem que tá lá descrito no código na na parte que que aquele botão faz e para onde vai pesquisar enviar formulário tá senão está inacessível dificulta muito né porque botões enfim são as formas mais comuns da gente acessar os

conteúdos na na interface da web Eh agora o link isso aí é é para quem normalmente cria conteúdo né seja na internet na rede social eh o link gente tem que ter a finalidade dele já no próprio texto que ele fala então assim o nível a fala aqui no contexto mas assim eu acho que esse dá pra gente sempre seguir o tra que é o quê a finalidade de o link deve ser determinada a partir do texto do próprio link um exemplo aqui embaixo tá dicas de como descrever imagens link o link é isso aí

então Quando eu acessar isso com leitor de tela ele vai ler dicas de como descrever imagens o link link então a pessoa sabe que quando ela clicar ali ela vai ver essas dicas não vai ser assim dicas para descrever imagens dois dois pontos e o link por exemplo como tá ali http que que o leitor de tela vai fazer ele vai ler http 2. ca. ifs vai ler esse endereço inteiro e a pessoa vai ter que eh supor onde isso vai eu vai ter que abrir para para onde isso vai tá então Assim por exemplo

você tá criando um relatório um texto um documento e você vai linkar alguma outra coisa algum site da instituição alguma outra fonte de Formação Então nesse documento em vez de você botar vejo o relatório completo aqui e botar só o aqui como link você vai botar vejo o relatório completo pode até deixar um aqui se você quiser É desnecessário Mas vejo o relatório completo e o link é esse vejo o relatório completo porque aí quando o Leitor de tela chegar ali ele e falar veja o relatório completo link quem tá usando o leitor de tela

Ah então aqui é o link do relatório senão ele vai se ele Navegar só por link ele vai ouvir só assim aqui aqui aqui o quê né Você marcou o link naquele contexto Mas ele vai ter que ouvir toda a descrição daquele texto para chegar a l e descobrir para onde aquele link vai tá então assim é é um é uma medida simples que que facilita muito tá a gente a Gente tá aplicando assim isso direto na nas matérias do MPF né Eu e Aline a gente deu curso pro pras equipes de redação que é

isso vai botar o link da ação né ação completa de improbidade aqui Veja a decisão da justiça federal não botar clique aqui e o e a informação não tá marcada como link tá bom alguma dúvida podemos continuar vou seguir então bem esse aqui é o tamanho da área de clique né quem nunca né não foi clicar no ícone sem querer clicou no Outro do lado porque tava tudo pequeno quer falar erton tá tá sem áudio não tô ouvindo oi oi pera aí oi oi ouvindo ouvindo sen só complementando esse negócio o link aí eu não

sei se já falou eu eu saí um pouquinho que é a história do Abrir nova aba né hum nova janela que nem todo nem todo mundo consegue perceber quem tá muito acostumado na vgar consegue mas Principalmente quem não não enxerga não consegue perceber que o link abriu em uma nova janela então PR gente tem um aviso né a gente vai falar um pouquinho disso tem um aviso da mudança de contexto a gente vai falar tem um um ícone do W Um item do wcag que é só disso De que tem aviso se você for mudar

o contexto da pessoa isso é muito comum né a pessoa clica e não não abrir outra janela ou abre normalmente Normalmente quando você faz link para para arquivo PDF né ele ele abre sobre o site aí você tem que ir lá na no botãozinho voltar para você continuar navegando né Uhum Então as pessoas t o hábito de colocar ele para abrir uma nova janela uma nova aba do navegador né que nem sempre as pessoas percebem aí pra gente que que tá vendo É só segurar o botão control ali clicou no link ele já vai abrir

uma nova aba né Uhum Então deixa abrindo sempre eh eh um self né sobre sobre o site mesmo que facilita para quem não tá Vendo isso e com normalmente com aviso né você D baixar uma confirmação né que às vezes a pessoa também clicou errado confirma você quer abrir esse arquivo também é legal ter algum aviso eh então voltando aqui tamanho da área de clique eh o o wcg prevê dois critérios tá dois a que é que essa área seja no mínimo 24 24 pixels de espaçamento eh podendo ser menor em alguns casos mas nesses

casos que ele fala que pode ser Menor é quando é 20 Pixel Mas entre os ícones já tem quatro pixels de espaçamento tá se for 20 pixels e eles eh não tem ão com os círculos aqui se encontrando não tem essa distância do total de de de afastamento próximo tá errado mas o melhor de dos Mundos é o critério tra que é que seja no mínimo mas acionáveis por clique ou toque 44 44 pixels de espaçamento se eu não me engano o Google utiliza isso tá 44 44 que facilita né o acesso principalmente Pessoas que

não TM tanta destreza motora ou já não tem tanta habilidade com mouse enfim essa é mais uma questão de de chegar lá com o mouse acessar porque se tiver acessado por teclado teclado não faz tanta diferença pra pessoa que não enxerga mas para quem enxerga e tem uma dificuldade ali de chegar ali com o mouse é muito importante esse ícone ter esse tamanho tá gente facilita muito o clicar e não clicar errado enfim Navegar eh outro que eu te separei foi a questão De isso aqui era mais no início da internet né não sei se

ainda tá tanto aquele questão de conteúdo piscando aquelas páginas né Vou entregar minha idade agora aquelas páginas com gif com animação passando né antigamente então eh tem uma questão aí de de três piques por eh movimentos de mais de três vezes por segundo podem causar epilepsia E convulsões né aquele famoso caso lá do Pokémon né daquele desenho que causou no Japão então eles têm uma uma diretriz Para isso duas diretrizes uma é a nível A que nenhum conteúdo da página deve piscar mais que três vezes por segundo aí eles TM essa exceção a não ser

flashes que estejam em baixo contraste ou possuem porco vermelho né que não causaria epilepsia mas o nível 3ao da página deve piscar mais três vezes por segundo sem exceção tá então evitar conteúdos piscando muito na página o que já incomoda mesmo né gente dependendo De você ter epilepsia ou não eh não é um um bom requisito de design Universal enfim de design geral eh outra coisa importante tá que eles botam lá é um critério doa esse de conformidade As pessoas sempre deverão ter de mais uma opção para encontrar um conteúdo então ele dá um exemplo

de o conteúdo tá no menu e também está no campo de busca eu conseguir assar no campo de busca tem também o ter conteúdo no mapa do site né Eh de repente esse conteúdo muito Importante eu também tenho um banner dele eu também tenho um um outro menu ali enfim dá mais um acesso né uma forma de acesso é sempre importante porque enfim Hoje os sites são imensos principalmente institucionais tem muito conteúdo tem muita informação Isso facilita né buscar encontrar o campo de busca Então acho que é obrigatório hoje em qualquer site e o mapa

do site também muita gente ainda usa para as vezes achar onde é que tá aquela informação tá Então oferecer mais uma forma para aquele conteúdo ser acessado Eh aí entra isso que você falou eh esse em Foco nenhuma mudança contextual possa desorientar alguém né Então você sair da página você cair em outro lugar deve ocorrer a partir de um foco em qualquer elemento na interface por exemplo abertura de uma janela modal sem que ocorra uma confirmação direta exemplo um botão de confirmação Então vamos supor que você tenha ali um hotsite alguma Coisa ele não pode

abrir na cara do da pessoa do nada assim né você tem que assim passei ali cliquei sem querer aí você que abra esse site sim por isso que eu falei da confirmação né o ideal é quando você for baixar um arquivo ele confirmar deseja baixar o arquivo sim aí ele baixa o arquivo tá quando a pessoa clicar entender que tá baixando o arquivo ela entender que ela vai sair daquela página eh o Instagram faz muito isso não sei você já reparando você Clica num no anúncio vai sair da página ele avisa você está saindo do

Instagram você está indo para outra página né E aí a pessoa sabe que tá saindo daquela daquela plataforma Então isso é um critério de de idade e ajuda muito a orientar as pessoas que que elas estão acessando que elas estão que que que ambiente elas estão se elas estão saindo daquele ambiente se elas estão baixando alguma coisa se elas estão né acessando outra plataforma tá Eh e na entrada também que nenhuma mudança contextual que possa desorientar alguém deve ocorrer quando uma Interação em um campo de entrada de dados por exemplo quando eu tô botando dados

no formulário sem que ocorra uma confirmação direta então por exemplo eu tô preenchendo o formulário E aí do nada ele envia não tem que ter o botão Ok cliquei ok ok tem que confirmar né gente que às vezes a gente aperta Ok e não aparece o botão de confirmação a gente Não sabe se foi se não foi né foi não foi foi entregue é É sempre bom ver ver aquela velha informação seu formulário foi enviado seu pedido foi enviado né então eu preenchi um um um dado de contato no site para falar com a empresa

eu preenchi a inscrição no curso né eu eu envio confirmo envio vem aquela informação de que foi confirmado também isso é muito importante eh identificação de erro eh eh Você tem dois critérios para isso isso é muito Importante principalmente a gente que trabalha com atendimento cidadão tem um campo de formulário no site pro cidadão preencher e enfim cidadão toda essa questão que a gente falou de n analfabetismo funcional eh uso de celular dificuldade no letramento digital Então temos dois critérios que o wcg prevê o o critério de nível A que é sempre que uma mensagem

de erro foi exibida ela deve identificar claramente Qual é o elemento que gerou erro de Forma visível e audível exemplo tem que ter uma mudança de cor no elemento mais um ícone de alerta mais uma mensagem de texto e o critério doa que sempre com a mensagem foi exibida ela deve também dar dicas de como resolver o erro não basta apenas indicar ou seja o básico é você falar uma mudança de cor no elimo ícone de alerta uma mensagem de texto que ó seu cpf está erro no item CPF por exemplo né vamos supor que

a pessoa digitou o número do CPF errado e o Idealmente é você dar dica de como resolver né então vamos colocar algo mais complexo eh seu e-mail está sem o ar né a pessoa preencheu um e-mail por exemplo sem o item @ esqueceu do ar botou só um nome então sempre que possível você indicar de como a pessoa tem que pode resolver isso né Não só falar assim erro do formulário o erro no campo tal P mas o que que eu fiz né Se possível essa mensagem de erro alertar com ela tem que resolver confira

os Números CPF telefone está no formato errado enfim alguma coisa que auxilie tá alguma dúvida Podemos seguir eh esse aqui movimentos de arrastar eh isso ficou muito comum uma época sei no no no e-commerce né no comércio eletrônico você arrastava pro carrinho até comentei isso com Aline ontem e até para quem enxerga e não tem problemas com deficiência era muito difícil vez fazer esse movimento então eles criaram com essa questão do touch do arrastar Dessas funcionalidades Eles criaram uma diretriz para isso que é o quê Toda a funcionalidade que você bote aí no seu site

que é de arrastar chamado Drag and Drop né aqueles em inglês também deve ter um método alternativo para que a operação seja efetuada também através de acionamento via clique ou toque né ou seja acion via teclado enfim que eu consiga clicar no botão por exemplo adicionar ao carrinho eu não precise literalmente arrastar o item carrinho Então importante se tem uma funcionalidade que é de arrastar que a pessoa tem que colocar ali você tem que dar outra alternativa tá e a questão da do movimento atuação e movimento então caso isso mais no celular né caso ha

uma funcionalidade que exige a movimentação do aparelho exemplo agitar para desfazer deve oferecer uma forma que possibilite seu desligamento para evitar o acionamento acidental caso essa função seja essencial oferecer uma alternativa De acionamento então eu não posso ter por exemplo um aplicativo que eu tenha só consiga acessar alguma coisa se eu sacudir o celular se eu fizer algum movimento com celular tá eu tenho que ter uma opção para desligar isso e se ela for essencial que tenha outra forma de acessar que não seja com esse movimento de de agitar o aparelho também é previsto e

esse é um critério a é um critério básico tá de acessibilidade Eh voltando um pouco mais paraa parte do do código né do HTML uma coisa muito importante que afeta a a leitura né do do leitor de telas do software é você declarar adequadamente o idioma da tela porque os leitores de telas utilizam a entonação correta para cada idioma tá então você tem sempre declarar lá aquele HTML leng que eu botei ali ali tá em inglês né e n é é língua inglesa Então você tem que declarar se for português né o PT para o

leitor fazer a pronúncia Correta daquele idioma e aí esse é o critério a é o básico básico no critério 2 A que é o intermediário o idioma de uma determinada palavra o frase contendo idioma diferente do original também deve ser definido e corretamente identificado Para que ocorra a correta entonação e pronúncia do leitor de tela Então vamos supor que por algum motivo eu botei uma citação em inglês né de de alguma coisa e eu não não declarei que aquilo ali tá em inglês no HTML aí ele vai ler em Português aquele inglês ou seja vai

tá ível né Ele vai tentar ler em Português o que tá escrito em inglês então você naquele trecho do código ali você tem que botar que aquilo tá em inglês inglês e aí o leitor de tela vai identificar vai fazer a pronúncia correta e vai ler com a pronúncia correta do idioma que você identificou tá bom isso é algo que provavelmente não acontece né Muito difícil as pessoas se tocarem nisso mas sempre que você usar tem até uma palavra Né de outro idioma que você usou no meio do texto enfim se você ouvir a pronúncia

fica muito difícil mesmo com ele tentando falar com entonação do port Inês aí aproveitando essa questão do idioma eu peguei alguns critérios que TM a ver com a compreensível né com a princípios da compreensão aí tem lá no wcag palavras em comuns é um critério três a critério difícil da da gente da gente mesmo não impe atender por conta do do nosso juridiquês né mas uso de Gírias jargões metáforas figuras de linguagem pode ser um impecílio para compreensão da informação nesse sentido deve se fornecer uma forma de tradução ou explicação de Formação exemplo o líquido

glossário então se eu tô se eu tô publicando algo muito técnico algo com muitas palavras difíceis o ideal é ter um glossário ou se eu recebo um texto né que é pro público em geral e foi escrito por alguém que né Não não tá acostumado a botar conteúdo no site eu Ten que falar ó Isso tá numa linguagem difícil tem muitos termos aqui que a cidadão geral não vai entender vamos melhorar isso vamos tirar porque isso é é um critério de acessibilidade previsto no wcg também gente então é evitar né Eh esses termos figuras de

linguagem também muitas vezes eh não são compreendidas por exemplo pessoas autistas assim né jogo de palavras enfim tentar tornar aquilo mais compreensível possível e vem um outro critério que é o nível de Leitura que esse critério já é doa é intermediário que caso um determinado conteúdo seja tão complexo a ponto de uma pessoa com ensino fundamental completo não ser capaz de entendê-lo será necessário a sua revisão ou a utilização de conteúdo complementar que Facilite a sua compreensão Então esse critério tá muito ligado à questão da linguagem simples né que agora tá tá em vogga até

no no STF alguns órgãos jurídicos e alguns órgãos públicos em Geral que é você ter o conteúdo como eu falei acessível considerando uma pessoa com ensino fundamental completo então é você pensar que se aquele seu texto se aquele se sua informação aquela você vai colocar num numa parte do site ou vai enviar para um público eh bem abrangente se isso tá compreensível para uma pessoa com ensino fundamental completo tá a gente entra na questão de adaptar o texto trocar Palavras melhorar o até o design né apresentação né e fez você ter um grandes blocos de

parágrafos você quebrar aquilo em frases menores em ordem direta centra um pouco até no nosso trabalho né jornalismo já de fazer você ter de repente tópicos né em vez de você ter informação tudo num bloco de texto de 20 30 linhas você cria tópicos enfim há várias estratégias para atender esse essa essa diretriz do nível de leitura tá Eh alguma dúvida não tudo certo então continuando eh eu vou falar agora um pouco de de áudio tá de controle de áudio em página não não assim de áudio podcast e tal que saline vai falar eh se

você tem algum áudio que toca automaticamente na página Espero que não isso é muito chato gente mas às vezes algumas ainda tem você tem que ter a opção de pausar deixar mudo ou ajustar o volume para que qualquer áudio que toque por mais de 3 segundos tá Então se você botou uma musiquinha na sua página se tem alguma coisa ali você tem que ter essa opção isso é critério básico é por favor de opção de desligar ou de pausar e a questão de som baixo ou som de fundo assim idealmente eh qualquer tipo de som

que não seja a voz principal ou ele deverá ser baixo ou inexistente que que ideal qualquer som de fundo numa página ou ter um controle para desligar também tá então esse critério a tipo ou som baixo ou sem som De fundo tá que isso atrapalha muito é navegação compreensão enfim não é é um conteúdo que normal a gente não tá passando nenhuma informação né É só ali um aquele velho bom som de elevador né que fica a gente tá no elevador alguns tem ainda tocando musiquinha então isso atrapalha né Navegar compreender Então você ou você

não coloca ou você coloca uma opção de desligar um controle simples ali de desligar tá eh cores a Aline vai falar um pouquinho Mais sobre cores na na parte de criar imagens e designes mas tem tem eu vou falar um pouquinho sobre cores quando elas são usadas na página para você transmitir alguma informação né você bota assim clique no item vermelho aí a pessoa dá o tônica E aí como é que ela vai saber qual o vermelho então Esso é um outro critério básico que é não botar cor como a única maneira de transmitir informação

gente distingo elementos Então a gente tem um exemplo aí do lado Né um celular que tem aí duas Barrinhas coloridas de um gráfico e aí opção correta que além de ter a cor do gráfico diferente dos itens você tem num bolinhas no outro listras então a pessoa consegue identificar a diferença se ela tiver daltonismo se ela tiver baixa visão enfim eh além de obviamente isso tem que estar descrito tá como imagem enfim para pessoa leitor de tela Mas essa é uma questão de para para pessoas que Enxergam com alguma dificuldade ou com alguma limitação como

os daltônicos disléxicos também então você ter outros elementos para distinguir Tá além só da cor então ele fala aqui T usar padrões ou ícones para mostrar a diferença eu escolha uma cor principal use vários tons da mesma né mas não bote só um vermelho e peça pra pessoa clicar no vermelho tá bom eh vou falar agora um pouquinho antes de passar uma atividade Zinha para vocês de Como a gente avalia tá Esses foram alguns dos critérios de acessibilidade paraa web eh e aí como é que isso é avaliado né como é que a gente verifica

se um site tá atendendo tá acessível eh a gente tem eh três dois tipos de teste principais tá um deles se dividem se divide em em dois também então assim basicamente você tem testes automatizados e testes manuais testes automatizados são o quê são ferramentas São softwares que vão rodar naquela página Naquele site e vão identificar as barreiras de acessibilidade eh pelo código né eles vão ler aquele código e vão ver por exemplo que aquele HTML não tá usando os títulos H1 H2 semanticamente vai identificar imagens que estão sem descrição porque ele vai ver no código

que não tem a descrição ele vai identificar por exemplo que a ordem de navegação tá comprometida Então esse é o teste Automático Mas esse não pode ser o único teste né porque esse teste automático falham e eles não refletem a experiência do usuário de fato E aí você sai desse teste automatizado corrige o que foi apontado são ótimas ferramentas para identificar falhas Gerais assim no código e você parte para a teste manuais esses testes são feitos pel equipe de acessibilidade como eu e Aline por desenvolvimento né programadores de ti e pela equipe de design também

que devem Revisar o código e fazer esses testes E aí usando planilhas para verificar os itens do dos critérios se tão acessíveis eh fazer Navegar usar um leitor de tela navegar no teclado simular acesso a formulários enfim mas temos mais uma um outro teste além desse que são os testes manuais por pessoas com deficiência assim esses fazem muita diferença Então porque por mais que eu simule né a a o acesso por exemplo via leitor de tela eu nunca vou ter a experiência do Michel né Nem o nohal dele nem identificar coisas que ele vai conseguir

identificar Então você tem que ter teste com pessoas com deficiência tá então eh ele Normalmente eles fazem de duas formas né você deixa a pessoa explorar a página ali de forma ório o sistema aplicativo e depois você faça umas metas né então você pode fazer o teste ó agora preenche esse formulário eh acessa esse item do menu Vê se esse vídeo você consegue clicar no Play pausar então você faz um Um digamos assim uma série de tarefas para para essa pessoa executar e verificar se tá tudo ok ou se não ó realmente quando eu chego

aqui nesse item Eu não eu não sei o que que é aqui para colocar o rótulo do botão não tá correto eu eu clico em enviar e não vai porque de repente o a a o acesso vi teclado não tá chegando ali então assim é muito importante sempre que for possível a gente ter teste com pessoas com deficiência tá da mesma forma se eu Tenho um vídeo com libras eu tenho uma pessoa fente libras que possa assistir e ver se aquela tradução tá correta tá a gente tá falando de web Mas ampliando um pouco se

eu tenho uma pessoa eh plente ela vai poder avaliar se se eu tô botando legenda ela avaliar se a legibilidade da legenda tá boa se isso tudo tem regra também na bnt tá mas se a tá tá tranquilo de ver se o tamanho da legenda tá adequado né Então sempre que possível a gente incluir pessoas com Deficiência nesses testes faz toda a diferença tá e eu vou falar um pouquinho dos validadores automáticos que são assim ferramentas eh que todo mundo pode usar né que estão disponíveis algumas são mais chatinhas mais técnicas outras são mais tranquilas

de rodar d eh eu selecionei três aqui mas tem muitas tá gente eh elas como eu falei fazem a pesquisa no código e emite um relatório tá automático E aí indica as barreiras de acessibilidade que você Tem ali naquela página eh como eu disse a metodologia de avalização idealmente é híbrida né automática e manual eh a gente tem o Google Lighthouse que é uma ferramenta automatizada de código aberto que permite testar e compartilhar recomendações para melhorias de um site ou aplicativo então ele não faz só teste de acessibilidade ele mostra melhorias você pode fazer para

esse CEO que é o sistema de ranqueamento de páginas do Google paraa Segurança práticas recomendadas de design então ele é muito maior ele gera um relatório de dezenas de páginas eu já rodei aqui bem robusto tá e uma parte só de acessibilidade aí isso é o qu você vai começar seu trabalho ali vai pegar aquilo vai identificar os principais problemas vai confirmar que às vezes Ele identificou algum problema que não tá ali no código quando você usa o leitor tá tudo certo enfim E aí esse relatório é uma base para iniciar temos também Esse exdel

Tools que é um verificador muito usado por desenvolvedores e testadores no Chrome tá ele tem um tem uma ferramenta que trabalha já dentro do Chrome que eles extensão né do Chrome e ele também analisa o site eh e e e te dá o caminho mais ou menos para resolver que tá dando erro e esse Wave que eu vou mostrar para vocês agora que é o Wave evaluation Tool que ele também roda no Chrome ele cria uma máscara né em cima da página e te aponta Quais são os Problemas Quais são os erros Quais são os

alertas né talvez tenha um problema ali e é o que eu falo dá um feedback visual ali sobre a acessibilidade eh mostrando ícones indicando ó esse tá sem descrição esse contraste tá baixo né que a gente tem tem um contraste mínimo que a Line vai mostrar de cores que você tem que ter para legibilidade e acaba sendo uma boa ferramenta para nos educar também eu vou rodar ele aqui para vocês verem ó vai vai já vou avisar Vai apontar tudo isso aqui ó que tá em cinza claro tem problema de contraste tá a gente já

sabe mas nesse caso a gente vai mudar a página não vale a pena mexer nisso agora mas tudo isso aqui tem baixo contraste Como já dá para perceber né isso aqui mal dá para ler por exemplo MPF nas redes sociais tá bem clarinho esses esses intertítulos aqui ó geral essas essas editorias aqui estão muito clarinhos ele vai apontar que tá com baixo contraste tá E vai identificar se Tiver alguma coisa no código alguma coisa também com problema aí vamos aqui ó olha aqui no meu Wave evaluation Tool aí você vai clicar ó ele já sai

marcando a página inteira olha aqui o que eu falei 31 erros de contraste ele Já identificou entendeu Então ele já mostra aqui ó contraste problema contraste além de outros erros alertas problemas no área área é uma coisa mais técnica de estruturação da do código de enfim ele mostra a ordem de navegação ação tá Vendo ó 1 2 3 4 como vai navegar no site ó ele mostra a estrutura header que que é header que que é navegação ó então tem muita coisa legal e o contraste como eu falei que é um dos principais problemas hoje

da nossa página vendo mostra o que passa no a no a que não tá passando então é uma dessas ferramentas é bem rápida Eu só abri cliquei ele já analisou tá você pode Teoricamente você tem que fazer isso em mais páginas né Essa aqui tô fazendo na home Mas você Faz por exemplo pego uma notícia e rodo lá e vejo né para ver como tá a página de notícia pego uma página de um setor e roda e vejo né então você tem uma noção ó e aqui ele exibe o código também se clicar aqui ele

abre o código e mostra aqui onde é que tá o código ali no problema então ele é muito utilizado por desenvolvedores para corrigir a acessibilidade tá só clicar de novo ele sai tá não se desespere usarem é muito legal Deixa eu abrir aqui alguma dúvida não agora eh eu vou passar atividade para vocês eu pensei em dividir vocês em três grupos e cada grupo vai ficar com uma página mpt Escola Superior do MPU mpm não botei MPF porque eu já apresentei várias coisas do MPF aqui e para quê para vocês aí no teclado no na

navegação de vocês testarem esses quatro itens nessas páginas então vocês vão ser avaliadores De acessibilidade por 10 minutos nem por um dia por 10 minutos então qual é a ideia grupo um aí a Aline vai fazer a divisão de grupos aí vocês vem qual grupo vocês vão cair acho que fala né Aline sala um sala do sala TR né então a gente vai fazer assim ó vamos botar sala um mpt nessa ordem que tá ali sala dois a página da escola da MPU essas páginas gente é só jogar lá no Google que aparece a primeira

tá a página Geral do dessas unidades e a TR Mpm que é o ministério público militar eh A ideia é vocês avaliarem esses quatro itens eu vou jogar aí no chat para vocês não perderem a informação que é a navegação eh via teclado eh que é o quê tá falando ali usar Tab shift Tab né o basiquinho não precisa nem Navegar Além disso e ver se ele tá indo nos itens da página e se tá aparecendo o foco que é o mais difícil ou seja aquele aquela marcação que eu Mostrei para vocês que tem que

ter em Volta quando você tá navegando com teclado eh verificar se tem itens móveis Ah tem um banner rodando aqui Tem uma galeria rodando aqui e tem pausa tem botão de pause tem mandei aí no chat Gente vocês não se perderem tem botão de pausa tem deixa eu abrir aqui de novo Tem Como retomar o movimento Play pause se tiver banner tá rodando galeria normalmente tem né todo Mundo adora um banner e e os links se os links da página tão bonitinhos a finalidade é de escrita né serviço tal ou tem o clique aqui veja

aqui como link tá isso na página inicial Tá gente não se alguém quiser pode até olhar uma notícia alguma coisa mas não temos tanto tempo é olhar só home mesmo a primeira página e a ampliação de tela é usar aquele atalho que eu falei ou ou ir no navegador e ampliar que é o control mais até 200% para reduzir a cont control Menos não se desespere cont control mais abrir 200% a página ficou ajeitadinha ou sumiu coisa o texto ficou cortado ou conteúdo ficou bagunçado se tá funcionando então são esses quatro itens navegação no teclado

itens móveis links criados adequadamente e ampliação da tela aí eu vou dar 10 minutinhos se precisar mais uns cinco tá para vocês avaliarem entrarem nessas páginas Então vamos lá ó sala um vai ser Mpt sala dois Escola Superior da MPU que é tá dando esse curso pra gente permitindo esse curso e três o mpm Ministério Público militar que são três das instituições né que fazem parte também do MPU além do MPF F faltando só o MP daft mais três grupos tá bom Precisa de maisis tá tudo certo alguma dúvida Oi só não tá aparecendo para

mim as salas simultâneas para eu ah deixa eu chamar Dea Ô Carol você consegue criar consigo vamos lá tá pera aí deixa eu ver Se tem alguma outra dúvida mais alguém alguma dúvida podemos criar só recap sala um grupo da sala um v o mpt a gente tem trabalho a página deixa deixa eu colocar no site aqui para todo mundo se Lemar sala um mpt sala dois Escola Superior do MPU smpu só jogar no Google que é o primeiro link tá gente sala 3 mpm aí analisar esses quatro critérios aí que eu coloquei Tá bom

vê se elas Atendem não atendem quando vocês voltarem cada grupo Conta aí como é que foi a experiência e que que identificou aí de problema tem três salas po divir isso três salas três salas tem eu e sem [Risadas] Aline uma sala vai ficar com sete pessoas então né são 19 o b oi oi o oi eu não tô conseguindo Visualizar eu não tô eu não sei se eu tô na sala gente ainda não eu tô esperando o suporte ninguém tá na sal Carol conseguimos dividir aí já vocês é vocês não tão eu acho que

o pessoal ainda não tá na sala não é oito na primeira sala já sai tem que aparecer uma mensagem automática né convidando para entrar na sala uma coisa assim né abr todas né Deve ser isso é tem que é isso Aí ó todos isso caindo já ah estão caindo tá beleza é abri todas Ah então é ali cri agora sa aqui a jogada é beleza deu certo graças a Deus faltou a Fabiana e o e o Jorge a Fabiana é uma nossa colega que tá acompanhando também tá dando suporte aqui então ela ela entrou mas

ela saiu depois entendi tá bom tá bom e o Jorge o Jorge eu não sei será que ele não Recebeu pedi para ativar não o Jorge vamos ver aqui vamos ver talvez ele não tenha visto a mensagem se bem que a gente é jogado na sala né foi jogado é ingressou ele não apertou o botão é ele não apertou é é a Fabiana saiu mesmo e a Carolina e ali não entra É a gente entrou a gente entrou entrou a gente entrou e saiu também a gente tava na sala dois aí eu falei gente fiquem

aí a gente vai sair Para não ouvir você atrapalhar vocês acho que pode parar a gravação né Jair depois retomar não vai ficar gravando a gente aqui sem nada mas é é uns 10 minutinhos né Que horas que é pr puxa de volta 4:5 né que eles entraram agora tá bom tá bom então se vai é isso Beleza oh vindos de volta parou Oi todo mundo voltou muito difícil a gente precisava mais umas 3 horas Me0 parece fácil mas é difícil é que a gente Esse é o problema as pessoas que TM a visão enxergam

um pouco mais os problemas hein porque fica escondido dos demais é de chorar o negócio então vocês querem compartilhar alguém então é quem é o grupo um mpt vamos lá mpt quem pode falar como foi a experiência se quiser compartilhar a página também eu posso compartilhar aqui enfim quem que prefere quem foi do grupo um Eu ó já caiu com o especialista aí ó ah tá longe diga como é que foi a experiência a gente tava testando lá né a gente viu que a parte aí do dessa parte aí da da navegação pelo teclado ele

não tem foco né então eu ele até tá na ordem correta ele navega na ordem correta lá mas ele não tem foco eu não consigo saber onde que tá meu mal Onde você tá né eu vou apertando pelo teclado lá ele vai pulando Na ordem certa até mas não tem Ah o foco visível não tem não tem o foco não consigo saber onde que eu estou a não ser que eu assim quem já tem experiência Olha lá embaixo na na linha de endereços lá e consegue saber né mas não tem foco não eh o segundo

os banners Lá também tem dois banners Apesar deles terem uma transição bem lenta de um pro outro Isso facilita né para quem tá vendo não tem botão de Pausar consigo pausar eles ficam passando enquando você tá lá ol apar deles serem bem lentos eles façam bem devagar Isso facilita bastante mas não tem botar um lá aqui que a a norma exige não tem eh eu não consegui achar os links lá procurei lá foi rápido rapaz aqui umas 3 horas a gente procurou os links lá eu não encontrei nenhum link para ver se se tinha a

descrição correta né não tinha nenhum clique aqui ir lá Uhum mas eu não não achei e a ampliação Tem sim vai até passa de 200 l ampliação tá bem grande Ah show e smpu grupo dois quem quem analisou página da escola Já que ninguém quer falar comissão de inclusão representada é a gente notou eh que quando quando você começa a clicar no tab né para ir avançando ele demora apareceu o foco a a gente não conseguiu perceber porque que essa demora para onde que ele tava indo Aí aí depois ele começa apareceu o foco e

vai indo bem até direitinho né Eh também a mesma coisa tem um banner que vai passando é lento mas a gente não conseguiu encontrar como pausar Eh os links a a baixo assim vai tendo umas notícias que que são links né E que tá dizendo ali o que que é a notícia a notícia é o link inteiro né então tem informação é Ah também teve um colega que notou n nessa parte do do Tab quando chegava al em publicação em Transparência eu acho ele demorava para aparecer em outro lugar o foco você clicava umas quatro

vezes um problema ali no no foco né É no foco tem e e também a ampliação a gente achou Ok ção fun É sim show foi foi um exercício interessante eu nunca tinha uma experiência né de experiência de precisar do teclado de precisar desse recurso e ver como não não é tão fácil e prático como normalmente não está acessível né exato e grupo 3 mpm quem Pode falar Ministério militar analisou a gente analisou vou começar falando da na via teclado aham realmente a gente encontrou problemas na na sequência né na ordem eh dos elementos uhum

foco né Não sei se também em razão da da da velocidade de conexão Mas pareceu um pouco truncado assim realmente eh difícil né não muito amigável eh em relação aos itens móveis a gente foi o último item a gente Parou aí nossa análise que a gente tava fazendo uma análise um pouco mais detalhada dos outros itens a gente não conseguiu avançar muito nessa avaliação links criados adequadamente sim né a finalidade lá as notícias tudo descrito no próprio texto e a gente encontrou também eh tô falando aqui com os né assim os colegas também podem Claro

falar só tô eh Resumindo Aqui as nossas percepções e na ampliação da tela embora haja né com com as telas De de atalho control mais que a gente utiliza normalmente a gente consiga ver eh o conteúdo ele não se adapta não fica né bem adaptado a tela e a gente verificou que lá no próprio próprio no próprio né na própria mensagenzinha no próprio botãozinho de acessibilidade e tal que indica Quais quais teclas deveriam ser usadas e tudo mais os comandos não funcionaram nos navegadores os comandos que eles indicam não funcionaram é não não não a

gente não Conseguiu tanto no Mozilla eh o colega tentou Oi Murilo você tentou com outro navegador não foi também não conseguiu a gente né se vi pelo Chrome não foi de jeito nenhum eh as notícias ali ou seja as orientações de acessibilidade não t fun é da própria página para acessibilidade bom Aqui nós não conseguimos é isso é comum gente porque às vezes fizeram isso quando lançaram a página atualizaram a página e nunca mexeram naquela declaração Interessante é E aí fica desatualizado recurso não foi implementado de novo enfim acessibilidade fica paraa última coisa e quando

lembram né mas alguém quer comentar alguma coisa como é que foi esse exercício até foi interessante para mim porque entrar nesse grupo três porque não é um site que eu costumo acessar habitualmente o site da escola eu acesso e tal por causa dos cursos que eu participo enfim né a gente acaba desenvolvendo formas de Navegar nesse Site né mas ali no mpm de fato eh eu não conseguiria se alguém sem alguém me dizer eu não saberia por exemplo que haveria mais notícias por exemplo do que as três que apareciam com o tab né É claro

que assim a gente às vezes vai desenvolvendo estratégias por exemplo se o tab não funciona a gente vai com as vai faz uma varredura mais detalhada com as setas ou então procura por títulos na página com H enfim né coisas assim mas é de fato nesse aspecto ali foi importante Alguém Ter comentado que haveria mais notícias além daquelas três daquelas três que havia eh e essa questão da mudança do foco fica mudando o tempo todo também então Eh foi muito importante ter entrado nesse grupo e ter avaliado esse site Ah que legal e é bom

a sua experiência né com o leitor de tela como o usuário com deficiência de ver problemas né que a gente à vezes também não identifica Uhum é e vocês percebem Como assim não o que que é Acessibilidade é o Michel não ter que fazer tudo isso ele usou a tecla Tab e não funcionou Ah então vou usar as cetas Ah então vou entendeu ele tem que usar um recurso e não todos os os que existem para ele poder acessar um site só uma página inicial na verdade né a página inicial só a página inicial do

site então assim isso ter que ser um desor desvendador de mistérios daquela página o que acontece né você tem que des a gente faz direto Isso a depois vir o detetive da página PR descobrir o que que aquilo er que aquele botão mas não é não é acessibilidade não é ideia não não então isso é muito comum eu compartilhei há pouco tempo com a equipe web aqui que tá Murilo e o erton fazem parte um relato que eu vi no Linkedin de exatamente um um um um usuário cego que tava tentando imprimir uma receita digital

simplesmente eh tinha algum mecanismo lá que pedia para pessoa Inserir os três últimos do números do CPF da pessoa que recebeu aquela receita para liberar e e esses botões não falavam no nome de jeito nenhum que era isso ele não conseguia imprimir não conseguia imprimir aí aí ele conta assim toda a volta que ele deu para conseguir chegar e descobrir que era para botar três números de CPF ali né uma coisa que pra gente leva 2 segundos para fazer imprimir 5 segundos 10 segundos para ele levou uma hora para ele conseguir Imprimir uma receita então

é é só um mais um exemplo de como é importante seguir aquelas diretrizes e testar e osórios com deficiência utilizarem para Realmente todos terem pleno alcance e autonomia e segurança para acessarem as páginas eh eu vou encerrar minha parte aqui se alguém tiver mais alguma dúvida pode falar oi não só complementando aí esse site da do MTP ele tem um recurso que alguns sites usam n Quando você clicar no botão de acessibilidade Ele Carrega uma outra versão do site aí não tem os banners não tem 100 cores tem um contraste melhor não tem as cores

do site mas o que não é o ideal né você site paralelo é porque sites usam exatamente não sei se eles TM a o cuidado de manter isso atualizado né porque eles carreg uma outra versão do site lá em que aí não tem os bann não tem nada não tem curs os contatos são bem melhores é o ideal que o mich falou Design Universal você tem produzir o site o conteúdo o vídeo pensando nessa autonomia Independência de todos acessários e temos ferramentas para isso né gente não é algo de outro mundo a pessoa vai ter

que inventar a roda é realmente estudar aprender a aplicar e enfim tentar atender o máximo possível os critérios tá bom eh se ninguém mais tiver alguma pergunta ou comentário eu vou passar mais alguém só mais uma coisinha eh eu acho que quem é da velha Oi quem é da Velha Guarda aí de informática né e mexia muito com tela texo a gente sente realmente que parece que reinventaram a roda né Anes a gentea Tab eh ia para uma caixinha de seleção setinha para baixo sabe espaço selecionava eh quer dizer você tinha uma ordem né E

até na hora que você programava Você pensava nisso né E hoje não se pensa mais nesse tipo assim a gente fica irritado sabe de e não vai sabe ele pula para outro Lugar eh não funcionam os comandos básicos né da da navegação por teclado e quem é guarda gosta muito acho que todo mundo gosta também de usar um pouco de teclado né porque agiliza você não precisa ficar pondo a mão para lá e para cá no mouse só clique né só clique clique é é um pouco de ergonomia do do do uso mesmo né que

isso daí vale para todo mundo né Uhum legal legal essa visão mais alguém Podemos seguir com a Line para encerrar Aí falando um pouquinho de a imagens né Line que a gente vai ver agora eh vídeos né vídeos e mídias acessíveis vídeos e mídias acessíveis consegue compartilhar aí tá dando certo aí tá sim sim sim deixa eu colocar como apresentação então a gente chegou aqui n essa parte que vai ser mais breve do que o conteúdo de amanhã então é bem isso que a gente tá inclusive vivenciando com o Michel no nosso curso hoje né

Você sabe como é a Experiência das pessoas com deficiência ao assistir vídeos e outros produtos Audi audiovisuais provavelmente não porque a gente enxerga né então a gente não tem a mínima ideia de como é que essas pessas acessam esse tipo de mídia por exemplo uma das Barreiras mais comuns em vídeos e audiovisuais é o capt que em quase todos os sites do governo principalmente né o gov mesmo PBR tem e O capa porque o leitor de de o leitor de telas não lê imagens Então como é que uma pessoa cega vai acessar esse site se

para entrar nele exige que você selecione todas as imagens com faixas de Pedestre E aí ela vai precisar de ajuda vai precisar de ajuda que alguém de alguém que enxerga eh esse é só um exemplo assim de de uma barreira que é muito comum em muitos sites né que a gente acessa hoje em dia muitos mesmo até eu que enxergo eu tenho Tanta raiva desses captas porque nem sempre é muito claro o que a as imagens que eles colocam né É se não se não me engano aqui no no trf1 todos os toda vez que

a gente consulta um processo eles colocam esse tipo de capt E aí a gente não entendi porque é um serviço público né Por que que tem que ficar colocando não sei se é porque para tentar evitar ataque hacker né porque geralmente tem um tipo de ataque hacker que estão acessos em série não sei eles colocam Derar né o servidor né é muito muito ruim aí às vezes eles colocam tem um desafio de áudio né Às vezes o áudio não toca ou o áudio é em outro idioma né tem não tem ali a Aline botou uma

foto de um de um capt Michel e tem ali a opção de áudio aí é bom saber né a gente acha que é acessível às vezes vai testar não toca ou tá outra é tem uma opção de áudio aqui né então assim imagem sem descrição vídeos sem legenda vídeos sem as libras também são eh Barreiras Né e quais são os principais recursos de acessibilidade hoje existentes é a janela de libras que eu acho que é bem comum eh já tem muitos as TVs públicas né utilizam eh a janela de libras o tempo todo as legendas

CL closed caption que são aquelas legendas eh ocultas né que a gente pode eh ativá-las eu mesma uso muito legenda closed caption Por exemplo quando eu vou pra academia e aí lá tem na TV ou a closed caption porque já tem muito Barulho tá tocando uma música no meu próprio celular às vezes eu tô em algum lugar quero assistir um vídeo mas né não quero incomodar e ativo as legendas então assim é um recurso que a gente todos utilizam não só as pessoas com deficiência né Para mim é muito útil por exemplo Ah o de

descrição que já não é tão comum eh mas ela é possível inclusive é um dos critérios que a wcag coloca a transcrição que é a transcrição de texto Né que auxilia pessoa suras cegas que usam Braile eh existem eh aquela transcrição que é a transcrição IPS literes né de tudo que tá sendo falado em texto mesmo vem um bloco de texto um PDF alguma coisa assim e eh e tem outros tipo outro tipo de transcrição e aí agora a gente vai pros critérios de acessibilidade da da do da C A g e para conteúdo pré-gravado

apenas áudio o que que Precisa ter né transcrição descritiva em texto legenda mas vejam que olha só isso é muito interessante a janela o a janela de libras ela é um critério três Eh Ou seja o básico mesmo é a transcrição e a legenda isso a gente achou interessante né Carol quando a gente quando eu fui fazer o estudo desse conteúdo a gente percebeu que eu acho tem alguns motivos né porque libras Realmente você tem que ter um profissional contratado tem toda uma uma Um regramento técnico filmar tem que ter um fundo neutro não tem

enfim várias regras que acaba que o serviço caro né e não é tão fácil inserir e Mas tem uma uma questão né comunidade surda fluente em Libras Ele eles alertam muito que muitos eh surdos fluentes libras não são tão fluentes em português porque não é a primeira língua deles então por isso que a legenda né e a transcrição só não não não atendem né os requisitos de acessibilidade porque eles têm Dificuldade em entender conteúdo português porque a principal forma de comunicação deles é a libas então por isso a importância de sempre que possível realmente né

órgão público e serviço essenciais páginas essenciais né que tem que ter você usar esse recurso do da tradução para libras e uma observação aproveitando é que vocês devem ter visto que algumas páginas tem aquele V libras que é o avatar né que você ativa e aí Entra um um boneco e ele você passa o mouse e e ele vai traduzindo só que a gente já conversou né com colegas aqui do MPF que são suos ou fluentes em Libras enfim e eles explicam que aquele Avatar é muito ruim entendeu uma como se fosse aquela tradução automática

do Google né Se você pegar um livro em português e mandar o Google traduzir em inglês e mandar traduzir para português e você for ler vai tá muito ruim né por isso que a gente tem a profissão de Tradutor né que faz a revisão do material traduz pra nossa língua e a gente consegue ler o livro então é mais ou menos a mesma coisa aquele tradutor eh tá em aprimoramento obviamente a gente tá aí vivendo uma uma nova era aí da Inteligência Artificial mas principalmente a questão de a Libras você se expressa muito facialmente né

Não só com as mãos né então a expressão da pessoa quando ela tá traduzindo impacta muito na no na compreensão da Mensagem então por isso que o ser humano ainda não é substituível por um Avatar nessa tradução então assim todos os órgãos públicos todas as páginas que eu vejo tem lá o v libras o Hand Talk que é outro que é privado vlibras é público né É gratuito é uma iniciativa pública já o Hand stock por exemplo é minha empresa privada mas todo ainda tem essa limitação de expressão de então é uma tradução capenga por

isso que a gente ainda estimula né E tá tentando aqui com MPF fazer isso a tradução em libras para os vídeos e se possível também em algumas aí não é parte da que tá falando umas páginas de texto também então por exemplo na página do MPF serviços que a gente tem uma listagem de tudo que são serviços pro pro cidadão aí um cidadão com infuência em Libras ali surdo Ele vai ter dificuldade de entender ali que que é uma consulta processual aqueles termos né em português e já com uma linguagem que também não é tão

fácil Então a gente tá querendo botar uma tradução em libras para aquele texto também que facilita só esse grande parêntese aí mas de qualquer forma assim o o v libras ou Hand Talk ou esses tipos né esse tipo de software não é para ser descartado porque de qualquer forma 70% do conteúdo eh em Libras eh passado né é comunicado então assim no momento é o que existe no mundo porque não somos só nós que utilizamos esse Tipo de de recurso né mas ainda não é o ideal eh voltando aqui pro conteúdo pré-gravado né então a

gente em conteúdos que tem apenas áudio é importante ter o controle de o mesmo controle de pausa mutar ajustar volume que a gente viu nas páginas web e quando for apenas vídeo eh você vê que a lista aumenta um pouquinho né Eh se você coloca a audiodescrição é a a se você coloca audiodescrição mais transcrição Ou audiodescrição estendida que é a que tem a pausa já é 3sa as legendas né e a alternativa entre aud de inscrição ou mídia alternativa é o básico que precisa ter libras 3 A mas a gente vai ver logo em

seguida que a nossa legislação a legislação brasileira ela exige libras né Em alguns momentos e o controle de áudio que é o pausar o mutar e ajustar o volume que é o básico também pro pro vídeo e o conteúdo ao vivo eh transcrição descritiva em texto que é Estenotipia que é aquela legenda feita ao vivo né e as legendas na verdade a transcrição descritiva que a gente chama de estenotipia seria o 3 A e as legendas mas aí as legendas são geralmente são feitas depois né seria das depois né seria feita depois E aí se

for apenas vídeo legendas 2 A e todos os outros critérios que a gente viu no vídeo pré-gravado também valem para Vídeo ao vivo agora no Brasil eh aquele aquela questão que eu falei da da ela de libra ser um critério 3 A Ou seja é um critério que os critérios 3 A são os mais difíceis de serem alcançados não são impossíveis mas aqui no mundo não existe nenhum praticamente né Nenhum site eh que tenha completo conteúdo 3 aja completamente acessível em tra não é impossível mas eh são os critérios mais Difíceis seri avados e o

a janela de libras foi colocada no nos requisitos do wcag como 3sa porém a legislação brasileira ela pede que a gente coloque nos vídeos né Eh nos serviços de radiodifusão de sons e imagens aqui inclui vídeos podcasts porém eh transmitidos por rádio TV só que hoje em dia o que que aconteceu conosco nós utiliz como órgãos públicos né a gente utiliza bastante YouTube redes sociais e eles não são considerados serviços de Radiodifusão porém eh lembrando quando a a Carol mostrou a questão da legislação que os sites precisam ser acessíveis tanto os sites de empresas né

os privados quanto os da administração pública precisam ser acessíveis Então a partir do momento que você coloca algum conteúdo tudo ali audiovisual no seu site público né ele precisa ser acessível eh e assim como seu considerando que o Canal do YouTube por exemplo do MPF é um canal eh de serviço público ele também precisa ser acessível e só para mostrar para vocês existem padrões né você não pode fazer a legenda de qualquer jeito eh inclusive para colocar a janela de libras também então a ABNT já tem eh essa padronização de legendas são até duas linhas

precisa de ficar de um a 6 segundos na tela máximo de 32 caracteres Eh ela precisa tá localizada embaixo da tela assim como tá aqui né Vocês veem que essa essa essa legenda aqui ela tem cor amarela e o fundo é preto tá dentro da padronização aqui pode ser branca e fundo preto também eh tudo isso para que seja o vídeo não fique nem tão poluído mas que continue sendo acessível que a gente continue eh Tanto para quem enxerga quanto para quem não enxerga né para quem ouve para quem não ouve para que isso fique

Acessível posso fazer uma observação de legenda eu não sei se vocês reparam no no Instagram tem um tem uns uns softwares que geram automático e é completamente fora desse padrão às vezes é só uma palavra e outro já entra outra é uma rapidez alguns vídeos se eu tiver sem áudio e eu tentar ler eu nem consigo acompanhar porque ainda tem uns efeitos né de fadein Fade out então a legenda assim é é rede social né uma coisa assim dinâmica pessoal acha Ah tem legenda Cara fica nem um segundo na tela às vezes aí e e

como não tem Às vezes a frase ali já se formando as palavras vão aparecendo sumindo Nossa é totalmente inacessível então assim se eu vindo tem dificuldade de ler e ouvir imagina a pessoa que depende só daquela legenda para acessar aquele conteúdo né então é realmente a importância da gente saber que existem padrões porque são padrões que facilitam a compreensão e e acessibilidade de fato não basta seria a Legenda que não tem um bom contraste que ela é rápida que ela ela tá toda quebrada numa velocid impossível né da pessoa ler continua aí ali e aqui

a gente tem a transcrição descritiva em texto eh É bem interessante saber que a transcrição ela é diferente da legendagem apesar de ter praticamente o mesmo conteúdo né Essas as legendas acompanham sincronicamente o vídeo enquanto a transcrição pode ou não ser Por tempo vocês vem nesse exemplo aqui que tá nesse print tá por tempo né e mas oferece o conteúdo do áudio em texto eu também vou eu tenho um outro vídeo aqui do Ted os vídeos do Ted Eles são muito legais Vocês estão ouvindo som não precisa eu vou mostrar tem som porque eu quero

mostrar Esse é um vídeo do Ted né inclusive esse assunto aqui é muito interessante arte de ser você mesmo Recomendo tanto o vídeo como vocês serem vocês [Risadas] mesmos mas eu quero achar a transcrição aqui porque eu particularmente eu assisto muitos vídeos do Ted aqui mostrar transcrição mas geralmente eu tô não tô querendo assistir o vídeo todo ou não tenho tempo ou tá muito barulho enfim e eu costumo é muito comum mesmo eu acessar a transcrição e que do Ted é muito legal Porque você pode eu preciso assistir o vídeo né tô falando isso aqui

para Inclusive para quem não tem deficiência que é um é um serviço você pode ir direto pro pro ponto em que você mais se interessou você pode acessar pela transcrição então assim o hoje em dia no YouTube a transcrição já é bem comum assim não sei se vocês já repararam mas tem também eh você tem a legenda Aqui você vê essa legenda aqui já não tá tão legal né você Já tá bem fraquinho o fundo Mas enfim vamos voltar para lá paraa transcrição que eu queria mostrar para vocês áudio de inscrição e a aud descrição

é diferente da transcrição em texto e da do texto e da legendagem porque ela traz informações e descrições detalhadas do cenário do figurino da iluminação do movimento corporal das personagens eh vocês vão compreender ouvindo essa audiodescrição Aqui cenários em animação e elenco humano Barbie tira os sapatos de salto alto tomar seus calcanhares continuam levantados quemi ela sai flutuando de um telhado posso ir pra sua casa à noite Claro não planejei Nada demais só uma festa gigantesca com todas as Barbies coreografia ensaiada e uma música tema Devia passar lá legal Barbie quem danç em um salão

de festa cheio de Pessoas chiques mulher de cabelo castanho é o melhor dia de todos é o melhor dia de Todos e ontem também amanhã também vai ter e todos os dias de hoje até a eternidade Barbie com Largo sorriso pensar na morte As pessoas olham espantadas para ela que mantém o grande sorriso preocupada Barbie fala para amigas tem acontecido coisas que podem ter a ver barby tem olhos azuis acorda assustada banho gelado caí do telhado e meus calcanhares apoia-o no chão estão no chão mostra o pé pé chato os pés não estão mais inclinados

Como se usasse salto alto Barbie conversa com uma mulher de cabelo curto arrepiado o que eu tenho que fazer você vai ter que ir pro mundo real um sapato de salto você pode voltar pra sua vida normal ou saber a verdade sobre o universo e uma sandália agora A escolha é sua o primeiro salto alto precisa querer saber Ok Tenta de novo de roupas Rosa Barbie dirige um carro conversível rosa no deserto kem que estava escondido levanta do banco traseiro ele é branco e Loiro Barbie se assusta eu vou com você OK ela e Ken

passeiam de patins por um calçadão usam roupas em rosa choque e amarelo fosforescente uau esse é o mundo real pessoas riem estran o que tá acontecendo por que esses homens estão me olhando é eles também estão me encarando um rapaz dá um tapa no bombom de Barbie ela revida com um soco letreiros se você ama a Barbie este filme é para você a Barbie no mundo real isso é impossível empresário se alguém Souber podem acontecer coisas estranhas com o nosso mundo isso seria catastrófico se você odeia a Barbie a gente não brinca com Barbie desde

que tinha uns 5 anos este filme é para você ninguém Descansa até essa boneca voltar para uma caixa o m DJ toca no salão de festas cheio letreiros Margo Rob e Ryan goslin Barbie corre em um escritório em off os humanos só TM um final pega a Barbie homens engravatados tentam agarrar Barbie ideias vivem para sempre Uma lágrima escorre no olho direito de Barbie título Barbie médica para quem não eu não vou deixar que faça só uma apendicectomia Mas eu sou homem mas não é médico posso falar com um médico você está falando com uma

preciso de uma caneta e de um bistu tem um ali segurança 20 de julho somente nos cinemas versões acessíveis disponíveis legal né gente audiodescrição é uma verdadeira arte na verdade e a gente percebe assim que eh Foi estudado bastante como fazer porque eu eh percebi que a primeira vez que apareceu a palavra Júlio eles não citaram que apareceu muito rápido mas provavelmente é porque assistiram várias vezes antes de fazer a descrição e viram que no final aparecia de novo né não tinha porque falar aquilo no meio a audiodescrição ela tem audiodescrição tem toda uma técnica

de fazer inclusive né a gente pode pensar quem sabe indicar pra escola pros Próximos anos aí um curso de audiodescrição porque tem técnicas para fazer isso né conteúdos dinâmicos conteúdos estáticos enfim é descrever os elementos essenciais da imagem o que você vê enfim como descrever a questão da de elaborar um roteiro de audiodescrição a consultoria da audiodescrição que é feita por uma pessoa segue enfim é um caminho né for para falar sobre isso aqui vai umas 3 horas também é uma É uma coisa bem específica assim não é qualquer um que consegue fazer e existem

profissionais eh especializados em audiodescrição mesmo como o mich falou e não existe só uma forma de fazer audio descrição né esse que a o pessoal da Warner escolheu para fazer o do trailer da Barbie e é um tipo de audiodescrição mas existem outras formas eh Mário perou mão al é levantei Carol Galine eu queria perguntar para vocês uma opinião sobre e essa coisa de vídeo de audio descrição No nosso caso na comunicação do MPF porque por exemplo ontem recebi o link de um vídeo da Fiocruz que era um um vídeo sobre mulheres e covid preparado

lá para fazer reconstituir um a experiência de grupo de mulheres aí indígenas várias e quilombolas e e a covid e só que só tinha no canal do YouTube deles a versão com áudio descrição aí no começo tava me incomodando um bocado assim porque sei lá né Tipo eu aí eu fui procurar se Tinham me mandado o link com aud descrição E se eu podia assistir o o outro e não tem assim tipo só tem esse aí a pergunta é vocês acham que pra gente no MPF a gente tinha que fazer os vídeos só com audio

inscrição tipo esse que eu tô fazendo aqui da da Marambaia deixar disponível só eu vou mandar aqui o link no chat eu tinha pensado nisso Deixa mandar esse do da fio cruz eh só com audio descrição o documentário deles entãoo normalmente Tem duas Versões né AL por exemplo esse trailer não tem só o trailer com tem só esse trailer É porque é realmente tá escrito Ó trailer com acessibilidade é porque pode causa uma estranheza né a gente que não utiliza esse recurso sente uma estranheza e às vezes se distrai não presta atenção no conteúdo que

tá ouvindo tentando prestar atenção na na audio inscrição mas normalmente o que eu vejo são duas versões entendeu a pessoa Lança ali a versão do vídeo com às vezes legenda em Libras que não se dependendo da né do do roteiro ali não não costuma afetar o conteúdo e tem uma versão com audi descrição normalmente separada né Michel acho que se você se você reparar num streaming por exemplo se você tiver Netflix de Prime víde enfim é quando você acessar as configurações de áudio os controle de áudio você por exemplo tem lá português opção padrão geralmente

é português ou e logo mais na sequência Você tem você tem português descrição do áudio ou áudio descrição que daí é a versão específica com audiodescrição então tem versão 100 e versão com justamente porque a audiodescrição ela pode sim causar alguma estranheza eh algum desconforto às vezes em pessoas que enxergam enfim Tendo isso falando o tempo todo de fato pode causar alguma situação dessa no YouTube já tem é mais complicado em relação a isso que essa questão dos controles de áudio né mas Tipo a TV Justiça a TV Justiça ela coloca Às vezes uma sessão

plenária do STF ela vai colocar a o o vídeo da sessão plenária sem audiodescrição né e um outro vídeo com áudio descrição Isso aí Isso é mais comum né Essa separação M Mas é isso que você falou Michel não tem no YouTube essa função de eu ativar e desativar isso que deve ter te causado e estranha da marria eles subiram só a versão com audio inscrição e como Pois é mas aí a gente vai fazer como no nossoo A gente vai botar a gente vai fazer nosso vai ter dois é deve subir uma versão com

quem que vai fazer de descrição quem a empresa contratada a empresa é o serviço como meia isso a gente tem uma empresa já contratar é isso Ah vou botar um snp aqui para abre pra Verônica e aí joga pra gente é assim explicando agora Mário hum pode ter sido uma escolha estratégica da fio Cruz porque assim eu já percebi que eles não fazem Nada nada sem uma intenção assim então de repente para causar esse desconforto e depois apresentar outra versão né Não sei acho estranho eles só terem uma versão eu vou descobrir e falo para

vocês V amanhã na aula eu vou ter essa resposta porque eu fiquei intrigado desde ontem é complementando Mário é assim a gente até passou por isso já com esse contrato o idealmente o roteiro né tem que ser pensado com esses espaços para audio inscrição né pro respiro a Gente por exemplo pediu audio inscrição num vídeo dos primeiros vídeos aqui do MPF serviços só que é um vídeo que vai apresentando a página numa velocidade tem narração de ponto da ponta não tem onde seria a descrição aí a técnica lá da empresa informou ó esse vídeo tá

bem explicado e tal mas não não tem nem o que eu descrever não tem espaço a narração toma toda a faixa então é pensar também quando a gente tá criando um conteúdo né audiovisual com muitas Imagens muitas referências a gente ter no roteiro um espaço para entrar esse narrador ali como entrou ali no da Barbie né ele falar Barb tá fazendo isso usa cenário tal senão não tem espaço para PR pro eh wend Você levantou a mão quer falar alguma coisa é é só para confirmar isso mesmo a gente fez o material com acessibilidade foi

subir pro YouTube e a gente teve que subir mesmo três versões não tem jeito de você colocar lá as Opções a gente teve que colocar uma versão digamos comum né Sem normal básica aí a gente colocou uma versão com libras e legendas e colocamos a terceira versão com audiodescrição realmente não tem jeito você tem que fazer e colocar tudo lá e aí o recurso que a gente usa é colocar na descrição do vídeo que existem as outras versões que aí a pessoa Às vezes acessa uma e dali ela consegue chegar na outra porque realmente não

tem como ativar e Desativar não é uma limitação da plataforma né é mais um exemplo de vídeo acessível esse aqui é bem legal porque ele vai apresentar vários recuros web acc perspectives keyboard compatibility not Being able to use comp because your mouse does work is frustrating people use keyb naig websites cc dizer que tá em inglês né gente essa legenda aí dá para aumentar Al tá pequenininho ver ó vocês veram eles apresenta o Close caption a descrição o teclado e a transcrição mas eu não consigo aumentar aqui é Tá pequeno mas aí fica boa assim

sem ampliar é sem ampliar fica normal né w3.org AEC Ah tem áudio de inscrição também né É que você não ativou eu não ativei e é inglês né obviamente e aqui a gente chega ao fim Dessa breve jornada de vídeos e imagens porque amanhã a gente continua com vídeos e mídias né Amanhã a gente continua com imagens e documentos acessíveis eh vai ser um pouco mais prático essa dos documentos acessíveis mas também no nosso material a gente vai deixar algumas coisas eh quase como tutoriais que vocês precisarem fazer em casa no trabalho né mas Eh

uma coisa que eu né Gostaria de compartilhar assim é que hoje a gente utiliza muito vídeo né a gente tá numa numa numa era assim muito não só visual mas de muitos vídeos tanto que as redes sociais agora investem em vídeos Rios Stories né tudo é muito vídeo porém a como a Carol falou né nem sempre as redes sociais pelo tempo tão curto permite tem por exemplo colocar janelas de libras Como que você vai colocar uma janela de libras num rios que já é Pequeno e o tempo é muito curtinho eh ao mesmo tempo que

são eh mídias que permitem o acesso a muito conteúdo mas aí a pergunta também uma reflexão né permitem para quem e não permitem também para quem né quem não está acessando esses conteúdos né todo mundo Mundo Tá acessando então eu sempre gosto de fazer essa reflexão de que tipo de que tipo de civilização a gente tá construindo né se as redes sociais e Que são no momento são onde a gente mais busca informação e aí eu tô generalizando mesmo né o mundo inteiro hoje Se informa se educa praticamente por redes sociais diversas Né desde o

tiktok que hoje é o mais é mais da Juventude mesmo eh Instagram Facebook aí enfim redes sociais infinitas que cada país Inclusive tem a sua praticamente eh então assim que tipo é uma reflexão para todos nós assim porque quando a gente não tem a Deficiência é tão normal você acessar o seu Instagram seu Stories do seu rios e tá tudo bem né Eh mas e quem eh quem não pode acessar do mesmo jeito que a gente acessa como e se não acessa do mesmo jeito que a gente acessa ele tem alguma outra possibilidade de acessar

e conseguir a mesma a mesma informação que a gente eh não só informação né a mesma Conteúdo experiência né mesma é a experiência vai ser diferente de qualquer forma porque né mesmo mesmo não todos nós cada um de nós vai ter uma experiência diferente porque cada um é cada um mas assim eu gosto de deixar essa reflexão porque não Somos Todos aqui não é um grupo né Não é um curso só para paraas pessoas da área de comunicação tem pessoas diversas aqui que trabalham com uma diversidade de De formas dentro dos seus seus órgãos Mas

a pergunta é sempre é sempre bom deixar essa pergunta assim o que eu tô fazendo é acessível para todo mundo né e se e se não é Existe alguma forma de eu deixar isso um pouco mais acessível e se não existe ainda para que eu posso buscar ou ou mais ousado ainda eu posso criar posso inventar essa forma de tornar isso mais acessível né então acessibilidade também é essa essa forma de ver o mundo né um mundo em que nem Todo mundo é igual a você que tem outras pessoas que acessam as coisas os conteúdos

as experiências muito diferente de você mas que é garantido né a essa pessoa o mesmo direito de chegar a mesmo conteúdo que você né a mesma ao mesmo lugar que você chegou a gente tá eh nós como civilização né tô ampliando bem assim não só para nossos órgãos assim nós como civilização nós estamos Permitindo que esse acesso seja realmente para todos ou a gente sequer né tá enxergando isso que existem Barreiras serem eh derrubadas mesmo né Não vou nem falar reduzidas porque reduzir é o que a reduzia só um paliativo então eu né antes da

Carol encerrar aí o dia de hoje eu queria deixar essa reflexão assim de que a partir de hoje Eh o termo acessibilidade não seja tão distante de cada um de vocês né e eu sei que quando a gente não não convive não é uma pessoa com deficiência ou não convive com uma ou não tem acesso eh a esse tipo de realidade a gente se esquece mas eh eu particularmente acho que faz parte do nosso processo civilizatório né incluir todo mundo todo mundo mesmo até que a gente até quem a gente não enxerga então queria deixar

essa reflexão com Todos vocês e amanhã tem mais né exatamente eh só complementando a gente essa questão dos vídeos que a Aline falou das redes sociais a gente barra muito nas limitações né da própria plataforma por exemplo eh a uma da uma possibilidade que você tem quando você insere um vídeo no Instagram é você descrever né como você descreve aí Imagem Campo de imagem a Aline vai falar mã tem um campo para você descrever que Não aparece para todo mundo mas muita gente usa hashtag para todos verem bota E aí tem alguns influencers que botam

nos vídeos essa hashtag descrevendo que aquele vídeo exibe né então Ah estou eu na praia conversando uso a blusa tal então isso já é uma forma mas a própria plataforma não tem esse campo então iseria um vídeo ele não me oferece ó descreva aqui esse vídeo brevemente né você não vai conseguir inserir uma audio descrição que é um serviço mais completo Complexo e profissional mas escreva não tem por exemplo então eh a gente até orientou né isso ser feito pela equipe de mídia social do MPF quando possível fazer uma breve descrição das imagens de quem

tá por exemplo aparece o pgr num palco vestido assim assim para que a experiência né das pessoas eh que não enxergam seja ampliada né senão ele só ouve aquele áudio e tem um monte de imagem ali passando que não sabe do se que trata Enfim então é uma é uma Educação e é uma a gente também tem que cobrar né né que que essas plataformas eh criem mais eh recursos inclusive quando aquele threads né foi lançado pela pelo Facebook pela meta ele não tinha nem descrição de imagens foi uma vergonha assim eles lançaram correndo a

plataforma para concorrer com o x né o antigo Twitter e nemum Campo de descrição de imagens Eles colocaram então assim foi os usuários com deficiência já acostumados com Twitter Que era mais acessível chegaram lá tipo que que é isso eles tiveram que correr atrás porque todo mundo reclamou né que já tinha essa experiência numa plataforma foi pra outra então é isso é você pensar acessibilidade como a nine falou lá quando você tá criando conteúdo quando você tá criando a página a como é que eu vou botar um áudio mas e uma pessoa que não ouve

Ah eu vou botar uma imagem e a descrição Ah eu vou botar aqui um vídeo maravilhoso explicando Tudo é mas seu colega não vai enxergar ess esses prints de tela aí que você tá botando e aí e aí vai ter descrição vai ter você até a forma que você apresenta o vídeo já pode fazer uma diferença né então ó eu vou clicar no ícone e tal A pessoa vai ouvir o seu tutorial e mesmo que ela não não esteja enxergando O que você tá fazendo ela está entendendo o que você está fazendo né E você

dá outras alternativas como Aline falou um PDF lá acessível né que a gente vai Aprender amanhã com passo a passo enfim você pensar em outras formas que a gente às vezes eu eu tô vendo crescer muito no MPF é vídeo tutorial vídeo e aí será que todo mundo consegue acessar esse vídeo entender e esse vídeo tem recurso de acessibilidade tá compreensível para quem não enxerga para quem né não não ouve né a gente recebeu uma demanda recente assim da equipe de eh auditoria eu acho que recebeu uma servidora surda corregedoria e todos os Tutoriais de

trabalho internos deles são vídeos sem legenda E aí aí a né a coordenadora lá tava preocupada como é que eu vou passar o trabalho falei então vamos vamos colocar legendas nesses vídeos vamos ver uma possibilidade de fazer isso né se você criou um material agora você tem uma uma colega aí que esse material tá inacessível né E aí passei dicas para ela e as que fazem uma legendagem automática que fica né você revisa agiliza esse trabalho tá bom Então é isso a gente considerar que essas pessoas existem e estão aqui T direito e é nosso

dever na medida do que for possível como a lind falou com todas essas complicações a gente pensar n né nesse material e que enfim é acessibilidade é para todos né como a gente mostrou aí não é essencial para alguns mas ú útil para todos tá bom então amanhã a gente volta aí com a parte de documentos e imagens alguma dúvida Tudo certo muito obrigada muito Obrigada muito obrigada pessoal tá ó vu tch valeu até amanã hein vã até amanhã boa tarde