{"id":5382,"date":"2022-03-17T09:39:10","date_gmt":"2022-03-17T12:39:10","guid":{"rendered":"https:\/\/www.handtalk.me\/br\/?p=5382"},"modified":"2024-10-31T10:05:28","modified_gmt":"2024-10-31T13:05:28","slug":"tecnologia-para-acessibilidade","status":"publish","type":"post","link":"https:\/\/www.handtalk.me\/br\/blog\/tecnologia-para-acessibilidade\/","title":{"rendered":"5 solu\u00e7\u00f5es de tecnologia para acessibilidade de navega\u00e7\u00e3o na web"},"content":{"rendered":"\n<p>De acordo com a <a href=\"https:\/\/biblioteca.ibge.gov.br\/visualizacao\/livros\/liv94935.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">pesquisa PNAD 2014<\/a>, no Brasil 57% das Pessoas com Defici\u00eancia utilizam a internet com frequ\u00eancia. Por mais que marquem uma consider\u00e1vel presen\u00e7a no mundo online, elas encontram enormes barreiras para uma navega\u00e7\u00e3o com autonomia. Um <a href=\"https:\/\/mwpt.com.br\/numero-de-sites-brasileiros-aprovados-em-todos-os-testes-de-acessibilidade-mantem-crescimento-mas-ainda-e-menos-de-1-do-total\/\" target=\"_blank\" rel=\"noreferrer noopener\">estudo realizado pelo Movimento Web para Todos junto com o BigData Corp<\/a> mostrou que dos 14 milh\u00f5es de sites brasileiros avaliados, menos de 1% \u00e9 considerado acess\u00edvel para Pessoas com Defici\u00eancia.&nbsp;<\/p>\n\n\n\n<p>Solu\u00e7\u00f5es como softwares e servi\u00e7os de acessibilidade podem auxiliar nestes desafios que essas pessoas t\u00eam ao usar a internet. No entanto, todas as <a href=\"https:\/\/www.handtalk.me\/br\/blog\/tecnologia-assistiva\/\" target=\"_blank\" rel=\"noreferrer noopener\">tecnologias assistivas<\/a> funcionam de forma mais eficaz quando os criadores de conte\u00fado seguem as melhores pr\u00e1ticas de acessibilidade na web.&nbsp;<\/p>\n\n\n\n<p>Por isso, vamos apresentar cinco solu\u00e7\u00f5es de tecnologia que permitem uma navega\u00e7\u00e3o na internet com mais conforto \u2014 e explicaremos como o <a href=\"https:\/\/www.handtalk.me\/br\/blog\/uxui-design-acessivel-tudo-o-que-voce-precisa-saber\/\" target=\"_blank\" rel=\"noopener\" title=\"\">design acess\u00edvel tamb\u00e9m pode ajudar<\/a> essas tecnologias a oferecer a melhor experi\u00eancia poss\u00edvel.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Software de leitura de tela<\/strong><\/h3>\n\n\n\n<p>Leitores de tela convertem texto em fala sintetizada ou sa\u00edda em braille. Pessoas com defici\u00eancia visual costumam fazer o uso desse tipo de solu\u00e7\u00e3o regularmente, embora algumas delas prefiram lupas de tela (que discutiremos mais adiante neste texto).<\/p>\n\n\n\n<p>Leitores de tela populares incluem JAWS, Apple VoiceOver, NVDA e Android TalkBack. Cada leitor tem recursos e limita\u00e7\u00f5es diferentes, mas a maioria dos programas s\u00e3o aplicativos independentes, ou seja, n\u00e3o fazem parte do navegador da web do usu\u00e1rio.&nbsp;<\/p>\n\n\n\n<p>As <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noreferrer noopener\">Diretrizes de Acessibilidade de Conte\u00fado da Web (WCAG)<\/a> s\u00e3o o padr\u00e3o mais amplamente reconhecido para acessibilidade de sites. V\u00e1rias diretrizes WCAG s\u00e3o especialmente importantes para uma melhor experi\u00eancia das pessoas que fazem o uso de leitores de tela, algumas delas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>O conte\u00fado n\u00e3o textual deve sempre ter uma alternativa de texto. Por exemplo, as imagens devem contar com descri\u00e7\u00f5es alternativas que explicam o prop\u00f3sito daquela figura naquele site.<\/li>\n\n\n\n<li>Os leitores de tela precisam entender o idioma de uma p\u00e1gina para seguir as regras da l\u00edngua daquele pa\u00eds, como por exemplo a pron\u00fancia correta das palavras. \u00c9 importante definir o idioma de cada p\u00e1gina usando a marca\u00e7\u00e3o HTML padr\u00e3o.<\/li>\n\n\n\n<li>Os sites devem contar com subt\u00edtulos claros e descritivos em uma ordem l\u00f3gica. A maioria dos usu\u00e1rios da internet &#8220;explora&#8221; uma p\u00e1gina para encontrar as informa\u00e7\u00f5es que precisam \u2014 os usu\u00e1rios de leitores de tela n\u00e3o s\u00e3o diferentes. Usando subt\u00edtulos em ordem sequencial, os desenvolvedores podem melhorar a experi\u00eancia de navega\u00e7\u00e3o para pessoas que <a href=\"https:\/\/www.handtalk.me\/br\/blog\/tecnologias-assistivas\/\" target=\"_blank\" rel=\"noopener\" title=\"\">usam tecnologias assistivas<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>Esta certamente n\u00e3o \u00e9 uma lista abrangente: as WCAG cont\u00eam dezenas de outras diretrizes que podem melhorar a acessibilidade do leitor de tela, portanto, revise os princ\u00edpios e pontos de verifica\u00e7\u00e3o das WCAG ao criar seu conte\u00fado.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Servi\u00e7os de legenda<\/strong><\/h3>\n\n\n\n<p>Nos \u00faltimos anos, os <a href=\"https:\/\/www.handtalk.me\/br\/blog\/videos-acessiveis\/\" target=\"_blank\" rel=\"noopener\" title=\"\">servi\u00e7os de legenda est\u00e3o sendo cada vez mais exigidos<\/a>, n\u00e3o somente por pessoas com defici\u00eancia auditiva, que dependem desse recurso para compreender o conte\u00fado, como por pessoas que preferem consumir certos materiais sem \u00e1udio. Embora muitos aplicativos de videoconfer\u00eancia e reprodutores de m\u00eddia ofere\u00e7am legendas autom\u00e1ticas, elas n\u00e3o s\u00e3o perfeitas e acabam prejudicando o entendimento do que est\u00e1 sendo transmitido. Por isso, contar com servi\u00e7os de legendas por profissionais as tornam mais precisas.<\/p>\n\n\n\n<p>As WCAG exigem legendas para \u201ctodo conte\u00fado de \u00e1udio pr\u00e9-gravado em m\u00eddia sincronizada, exceto quando a m\u00eddia for uma alternativa para algum texto e estiver claramente rotulada como tal\u201d.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Ferramentas de amplia\u00e7\u00e3o de tela<\/strong><\/h3>\n\n\n\n<p>Pessoas com defici\u00eancia visual podem ampliar o conte\u00fado das p\u00e1ginas web para torn\u00e1-las leg\u00edveis ou reduzir o cansa\u00e7o visual. Os navegadores da internet oferecem a op\u00e7\u00e3o de \u201czoom&#8221;, aumentando o tamanho do conte\u00fado, mas os softwares de amplia\u00e7\u00e3o de tela funcionam de maneira diferente. Ferramentas como MAGic, Windows Magnifier, ZoomText e Zoom da Apple expandem uma se\u00e7\u00e3o da tela por vez, o que preserva o layout do site.&nbsp;<\/p>\n\n\n\n<p>Sabemos que muitas pessoas ainda v\u00e3o preferir usar a fun\u00e7\u00e3o de zoom em seus navegadores, portanto, n\u00e3o assuma que todas as pessoas com baixa vis\u00e3o usar\u00e3o software aut\u00f4nomo ao acessar seu site. O ideal \u00e9 seguir o crit\u00e9rio 1.4.4 das WCAG, \u201cRedimensionar texto&#8221;, que exige que o conte\u00fado possa ser ampliado em 200% sem perder conte\u00fado ou funcionalidade \u2014 e sem o uso de ampliadores de tela ou outras tecnologias assistivas.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Software de reconhecimento de voz<\/strong><\/h3>\n\n\n\n<p>A solu\u00e7\u00e3o de reconhecimento de voz permite que os usu\u00e1rios controlem seus navegadores, ditem texto e interajam com sites usando suas vozes. Pessoas com defici\u00eancias f\u00edsicas, condi\u00e7\u00f5es cognitivas, dificuldades de aprendizado ou problemas cr\u00f4nicos de sa\u00fade, como les\u00f5es por esfor\u00e7o repetitivo (LER), utilizam desse tipo de ferramenta, por exemplo.&nbsp;<\/p>\n\n\n\n<p>A maioria dos sistemas operacionais possui softwares de reconhecimento de fala integrados, que dependem das melhores pr\u00e1ticas de acessibilidade do teclado. Os usu\u00e1rios esperam comandos comuns (como \u201cir para a pr\u00f3xima p\u00e1gina\u201d) para usufruir com uma maior independ\u00eancia.&nbsp;<\/p>\n\n\n\n<p>Aqui est\u00e3o algumas recomenda\u00e7\u00f5es WCAG que podem melhorar a experi\u00eancia de navega\u00e7\u00e3o para usu\u00e1rios de reconhecimento de fala:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Forne\u00e7a um indicador visual claro de qual elemento tem o foco atual. Sem indicadores de foco vis\u00edveis , os usu\u00e1rios podem n\u00e3o saber o que est\u00e3o controlando. Um teste r\u00e1pido: use a tecla &#8220;Tab&#8221; para navegar em seu site. Se voc\u00ea n\u00e3o conseguir identificar qual elemento est\u00e1 em foco, seus usu\u00e1rios tamb\u00e9m n\u00e3o conseguir\u00e3o.<\/li>\n\n\n\n<li>Use r\u00f3tulos e identificadores para elementos interativos. O r\u00f3tulo de cada elemento deve corresponder ao nome program\u00e1tico. Por exemplo, se um usu\u00e1rio ver a palavra &#8220;Enviar&#8221; em um bot\u00e3o de formul\u00e1rio, ele poder\u00e1 dizer &#8220;enviar&#8221; para preencher o formul\u00e1rio.&nbsp;<\/li>\n\n\n\n<li>Corrija qualquer &#8220;armadilha de teclado\u201d, como por exemplo quando os usu\u00e1rios s\u00e3o impedidos de navegarem em seu site depois de focar em um determinado elemento. Isso resulta em um dos problemas de acessibilidade mais frustrantes.<\/li>\n<\/ul>\n\n\n\n<p>Em \u00faltima an\u00e1lise, se o seu site for acess\u00edvel para usu\u00e1rios de teclado, provavelmente ser\u00e1 acess\u00edvel para a maioria das ferramentas de reconhecimento de fala.&nbsp;<\/p>\n\n\n\n<p>Confira: <a href=\"https:\/\/www.handtalk.me\/br\/aplicativo\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Software de convers\u00e3o de texto para libras<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Plugin de acessibilidade em L\u00ednguas de Sinais<\/strong><\/h3>\n\n\n\n<p>Grande parte das pessoas surdas utilizam as L\u00ednguas de Sinais como meio de comunica\u00e7\u00e3o e dependem desse recurso tamb\u00e9m para consumir conte\u00fado online. Isso acontece porque elas possuem dificuldades com as l\u00ednguas escritas, uma vez que a estrutura gramatical \u00e9 diferente das l\u00ednguas de sinais. Por isso, permitir a autonomia desse p\u00fablico com uma ferramenta que traduza o conte\u00fado que elas est\u00e3o visualizando para a sua l\u00edngua faz toda a diferen\u00e7a. Uma iniciativa como essa \u00e9 permitir a independ\u00eancia de milh\u00f5es de usu\u00e1rios que s\u00f3 no Brasil representam 5% da popula\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>O <a href=\"https:\/\/www.handtalk.me\/br\/plugin\/\" target=\"_blank\" rel=\"noopener\" title=\"Plugin de acessibilidade para aumentar o impacto do seu site\">Hand Talk Plugin \u00e9 uma solu\u00e7\u00e3o<\/a> que contribui na quebra das barreiras que existem no mundo digital e que a comunidade surda se depara diariamente. Com o apoio dos simp\u00e1ticos tradutores virtuais Hugo e Maya, o plugin traduz os conte\u00fados de texto e imagens (com descri\u00e7\u00e3o alternativa) dos sites para a L\u00edngua Brasileira de Sinais. Um simples clique no bot\u00e3o, localizado na lateral da p\u00e1gina, torna a web mais acess\u00edvel para esse p\u00fablico.&nbsp;<\/p>\n\n\n\n<p>Al\u00e9m dessas solu\u00e7\u00f5es promoverem uma internet mais justa para as Pessoas com Defici\u00eancia, pensar em <a href=\"https:\/\/www.handtalk.me\/br\/blog\/o-que-e-acessibilidade-digital\/\" target=\"_blank\" rel=\"noreferrer noopener\">acessibilidade digital<\/a> \u00e9 beneficiar toda a sociedade e corresponder \u00e0s exig\u00eancias de \u00f3rg\u00e3os reguladores. \u00c9 estar de acordo com a <a href=\"https:\/\/blog.handtalk.me\/guia-da-acessibilidade-lbi\/\" target=\"_blank\" rel=\"noopener\" title=\"Lei Brasileira de Inclus\u00e3o: o que \u00e9, como foi criada e o que diz?\">Lei Brasileira de Inclus\u00e3o<\/a>.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/acessibilidade.handtalk.me\/levantada-mao-persona-tech\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"160\" src=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2022\/03\/banners-personas-TECH.png\" alt=\"Banner com fundo azul escuro, Do lado esquerdo o Hugo com s\u00edmbolos de tecnologia ao redor. No centro est\u00e1 escrito &quot;Torne a experi\u00eancia dos usu\u00e1rios surdos positiva em seu site. Do lado direito, o bot\u00e3o de &quot;saiba como&quot;\" class=\"wp-image-7152\" srcset=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2022\/03\/banners-personas-TECH.png 750w, https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2022\/03\/banners-personas-TECH-300x64.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>De acordo com a pesquisa PNAD 2014, no Brasil 57% das Pessoas com Defici\u00eancia utilizam a internet com frequ\u00eancia. Por mais que marquem uma consider\u00e1vel presen\u00e7a no mundo online, elas encontram enormes barreiras para uma navega\u00e7\u00e3o com autonomia. Um estudo realizado pelo Movimento Web para Todos junto com o BigData Corp mostrou que dos 14 [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":5383,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,14],"tags":[52,91,37,71,632,250,172,227,332,438],"class_list":["post-5382","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-acessibilidade","category-acessibilidade-digital","tag-acessibilidade","tag-acessibilidade-digital","tag-hand-talk","tag-inclusao","tag-navegacao-na-web","tag-pessoas-com-deficiencia","tag-tecnologia","tag-tecnologia-assistiva","tag-tecnologia-pela-acessibilidade","tag-web-acessivel"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/5382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/comments?post=5382"}],"version-history":[{"count":1,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/5382\/revisions"}],"predecessor-version":[{"id":10212,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/5382\/revisions\/10212"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media\/5383"}],"wp:attachment":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media?parent=5382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/categories?post=5382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/tags?post=5382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}