{"id":6922,"date":"2023-01-19T09:24:33","date_gmt":"2023-01-19T12:24:33","guid":{"rendered":"https:\/\/www.handtalk.me\/br\/?p=6922"},"modified":"2024-11-21T14:00:38","modified_gmt":"2024-11-21T17:00:38","slug":"sites-acessiveis-para-pessoas-com-deficiencia","status":"publish","type":"post","link":"https:\/\/www.handtalk.me\/br\/blog\/sites-acessiveis-para-pessoas-com-deficiencia\/","title":{"rendered":"Sites acess\u00edveis para pessoas com defici\u00eancia: o que \u00e9 e m\u00e9todos"},"content":{"rendered":"\n<p>No Brasil existem mais de <strong>17,3 milh\u00f5es de pessoas com alguma defici\u00eancia<\/strong>, como revelou a \u00faltima <a href=\"https:\/\/agenciadenoticias.ibge.gov.br\/agencia-sala-de-imprensa\/2013-agencia-de-noticias\/releases\/31445-pns-2019-pais-tem-17-3-milhoes-de-pessoas-com-algum-tipo-de-deficiencia\" target=\"_blank\" rel=\"noopener\" title=\"\">pesquisa publicada pelo IBGE<\/a>, em 2019. E voc\u00ea sabia que <strong>menos de 1% dos websites est\u00e1 acess\u00edvel para elas?<\/strong> Esse dado nos mostra a urg\u00eancia desta pauta, pois uma <strong>grande parcela da popula\u00e7\u00e3o est\u00e1 sendo exclu\u00edda da web! <\/strong>Acompanhe o conte\u00fado at\u00e9 o final para entender mais sobre o assunto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que \u00e9 um site acess\u00edvel?<\/h2>\n\n\n\n<p><strong>As pessoas com defici\u00eancia enfrentam <\/strong><a href=\"https:\/\/www.handtalk.me\/br\/blog\/barreiras-para-a-acessibilidade\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>in\u00fameras barreiras<\/strong><\/a><strong> para executar atividades b\u00e1sicas do cotidiano,<\/strong> sejam elas de forma f\u00edsica ou digital<strong>. <\/strong>Com as nossas vidas se tornando cada vez mais tecnol\u00f3gicas, muitas atividades do dia a dia s\u00e3o realizadas de no online, mas infelizmente <strong>a acessibilidade ainda \u00e9 negligenciada por grande parte da web, o que desencadeia uma s\u00e9rie de <\/strong><a href=\"https:\/\/www.handtalk.me\/br\/blog\/pessoas-com-deficiencia-no-mundo-digital\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>desafios para essas pessoas<\/strong><\/a><strong>.<\/strong><\/p>\n\n\n\n<p>Um site acess\u00edvel para as pessoas com defici\u00eancia \u00e9 um site com poucas, ou de prefer\u00eancia <strong>nenhuma barreira de <\/strong><a href=\"https:\/\/www.handtalk.me\/br\/blog\/o-que-e-acessibilidade-digital\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>acessibilidade digital<\/strong><\/a>. Isto \u00e9, que<strong> ofere\u00e7am os recursos e ferramentas necess\u00e1rios para que essas pessoas possam navegar com autonomia e conforto.&nbsp;<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">O que diz a legisla\u00e7\u00e3o sobre sites acess\u00edveis para pessoas com defici\u00eancia?<\/h3>\n\n\n\n<p>A acessibilidade digital, assim como outras formas de acessibilidade,<strong> \u00e9 um <\/strong><a href=\"https:\/\/www.handtalk.me\/br\/blog\/leis-de-acessibilidade\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>direito garantido por lei<\/strong><\/a><strong> para as pessoas com defici\u00eancia.<\/strong><\/p>\n\n\n\n<p>Como por exemplo, o <strong>artigo 63 da <\/strong><a href=\"https:\/\/www.handtalk.me\/br\/blog\/lei-brasileira-de-inclusao\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Lei Brasileira de Inclus\u00e3o (LBI<\/strong><\/a>) em que determina que <strong>todos os sites de \u00f3rg\u00e3os ou empresas p\u00fablicas e privadas estejam acess\u00edveis para as pessoas com defici\u00eancia no Brasil.<\/strong>&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qual a import\u00e2ncia de sites acess\u00edveis para pessoas com defici\u00eancia?<\/h2>\n\n\n\n<p>Alguns pontos-chave que ilustram a import\u00e2ncia de um site acess\u00edvel para pessoas com defici\u00eancia s\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Promove a <\/strong><a href=\"https:\/\/www.handtalk.me\/br\/blog\/tendencias-de-diversidade-e-inclusao\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>inclus\u00e3o social<\/strong><\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/www.handtalk.me\/br\/blog\/esg\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Vai de encontro \u00e0s pr\u00e1ticas ESG<\/strong><\/a> a sigla, em ingl\u00eas, para Ambiental, Social e Governan\u00e7a, que mede quanto um neg\u00f3cio est\u00e1 buscando reduzir seus impactos no ambiente e criar um mundo melhor e mais justo;<\/li>\n\n\n\n<li>Est\u00e1 <a href=\"https:\/\/www.handtalk.me\/br\/blog\/ods-e-acessibilidade-digital\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>diretamente ligado ao Objetivo de Desenvolvimento Sustent\u00e1vel (ODS)<\/strong><\/a> de n\u00famero 10, que fala sobre <strong>a redu\u00e7\u00e3o da desigualdade<\/strong>;<\/li>\n\n\n\n<li><a href=\"https:\/\/www.handtalk.me\/br\/blog\/denuncias-pela-falta-de-acessibilidade-na-web\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Evita multas que podem ser aplicadas<\/strong><\/a> por n\u00e3o cumprir com a lei;<\/li>\n\n\n\n<li>Abre suas portas para um p\u00fablico de mais de <strong>17,3 milh\u00f5es de pessoas,<\/strong> <a href=\"https:\/\/www.handtalk.me\/br\/blog\/acessibilidade-no-e-commerce\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>aumentando as vendas<\/strong><\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/www.handtalk.me\/br\/blog\/como-a-acessibilidade-reflete-os-valores-da-sua-empresa\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>\u00c9 positivo para a imagem da marca<\/strong><\/a>, pois refor\u00e7a seu posicionamento inclusivo;<\/li>\n<\/ul>\n\n\n\n<p>Entre outros benef\u00edcios!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quantos sites s\u00e3o acess\u00edveis?<\/h2>\n\n\n\n<p>Voltando ao assunto do in\u00edcio do texto, o <a href=\"https:\/\/mwpt.com.br\/numero-de-sites-brasileiros-aprovados-em-todos-os-testes-de-acessibilidade-tem-queda-em-relacao-ao-ano-passado-e-e-ainda-menor-que-1\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Movimento Web Para Todos (MWPT) e o BigData Corp<\/a>, divulgaram em 2021 um estudo em que analisaram <strong>21 milh\u00f5es de sites ativos no pa\u00eds<\/strong> (at\u00e9 a data da pesquisa). Destes,<strong> apenas 0,46% passaram em todos os testes de acessibilidade aplicados<\/strong>. Isso significa que menos de 1% da web brasileira est\u00e1 acess\u00edvel para a popula\u00e7\u00e3o com defici\u00eancia.&nbsp;<\/p>\n\n\n\n<p>Por isso,<strong> \u00e9 urgente que as pessoas e empresas comecem a implementar recursos de acessibilidade em seus sites<\/strong>. J\u00e1 \u00e9 hora de usar a tecnologia para incluir e n\u00e3o para excluir!&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que se tem feito para incluir as pessoas com defici\u00eancia na internet?<\/h2>\n\n\n\n<p>Para garantir a inclus\u00e3o das pessoas com defici\u00eancia na internet, <strong>existe um padr\u00e3o global de acessibilidade chamado <\/strong><a href=\"https:\/\/www.handtalk.me\/br\/blog\/wcag-2-2\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>WCAG, que \u00e9 a sigla em ingl\u00eas para Diretrizes de Acessibilidade de Conte\u00fado da Web<\/strong><\/a><strong>.&nbsp;<\/strong><\/p>\n\n\n\n<p><strong>Este \u00e9 um guia que todas as p\u00e1ginas devem seguir para garantir a acessibilidade para o maior n\u00famero de pessoas poss\u00edvel.<\/strong> Por\u00e9m, assim como tudo relacionado a tecnologia, ele tamb\u00e9m passa por mudan\u00e7as, buscando acompanhar a metamorfose da internet, canais de comunica\u00e7\u00e3o e conte\u00fados. <strong>Por isso, mesmo depois de pronto, \u00e9 importante que as pessoas respons\u00e1veis pelo desenvolvimento de websites estejam atentas \u00e0s poss\u00edveis atualiza\u00e7\u00f5es das diretrizes.<\/strong><\/p>\n\n\n\n<p>Al\u00e9m disso,<strong> <\/strong>as redes sociais t\u00eam sido utilizadas por pessoas com defici\u00eancia e entusiastas da causa para <strong>conscientizar a popula\u00e7\u00e3o sobre a inclus\u00e3o social e como contribuir para ela<\/strong>. Com este incentivo, <strong>mais pessoas passaram a implementar recursos de acessibilidade em seus canais<\/strong>. Como por exemplo, <a href=\"https:\/\/www.handtalk.me\/br\/blog\/acessibilidade-em-videos-para-surdos\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>legendas em v\u00eddeos<\/strong><\/a>, que \u00e9 \u00fatil para todas as pessoas, mas principalmente para as pessoas surdas ou com defici\u00eancia auditiva, e <a href=\"https:\/\/www.handtalk.me\/br\/blog\/pracegover\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>descri\u00e7\u00f5es de imagem ou v\u00eddeos<\/strong><\/a>, que beneficia pessoas cegas ou com baixa vis\u00e3o que navegam com leitores de tela.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como tornar seu site acess\u00edvel para as pessoas com defici\u00eancia?<\/h2>\n\n\n\n<p>A melhor forma de<strong> tornar o seu site acess\u00edvel para<\/strong><a href=\"https:\/\/www.handtalk.me\/br\/blog\/uxui-design-acessivel-tudo-o-que-voce-precisa-saber\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong> promover uma melhor experi\u00eancia para os usu\u00e1rios com defici\u00eancia<\/strong><\/a><strong>, \u00e9 seguir as diretrizes WCAG<\/strong>, pois ela d\u00e1 um direcionamento amplo sobre acessibilidade para as p\u00e1ginas. Aproveitamos para deixar aqui algumas <strong>dicas simples e pr\u00e1ticas do que n\u00e3o pode faltar em um site acess\u00edvel<\/strong>, para voc\u00ea aplicar ainda hoje e<strong> tornar sua comunica\u00e7\u00e3o mais inclusiva<\/strong>:&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Textos alternativos (ALT):<\/h3>\n\n\n\n<p>Incluir <a href=\"https:\/\/www.handtalk.me\/br\/blog\/texto-alternativo-alt\/\" target=\"_blank\" rel=\"noopener\" title=\"\">ALTs, que s\u00e3o as descri\u00e7\u00f5es de imagens<\/a>, nas fotos e ilustra\u00e7\u00f5es da p\u00e1gina, permite que as pessoas cegas ou com defici\u00eancia visual consumam aquele conte\u00fado de forma plena. Elas normalmente navegam utilizando leitores de tela, que transformam as imagens em \u00e1udios, desde que contenham a descri\u00e7\u00e3o por escrito dos elementos visuais presentes.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Plugin de acessibilidade em Libras (L\u00edngua Brasileira de Sinais):<\/h3>\n\n\n\n<p><strong>Instalar plugin de acessibilidade em Libras \u00e9 uma boa dica para a inclus\u00e3o das pessoas surdas ou com defici\u00eancia auditiva que fazem o uso dessa l\u00edngua!<\/strong> O <a href=\"https:\/\/www.handtalk.me\/br\/?utm_source=blog&amp;utm_medium=organic&amp;utm_term=&amp;utm_content=sites-acessiveis&amp;utm_campaign=content-marketing\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Hand Talk Plugin<\/strong><\/a>, por exemplo, \u00e9 uma solu\u00e7\u00e3o que, com a ajuda de simp\u00e1ticos tradutores virtuais, <strong>traduz todo o texto do site em Portugu\u00eas, para a L\u00edngua Brasileira de Sinais.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Legendas e janela de Libras:<\/h3>\n\n\n\n<p>Incluir legendas e janela de Libras garante que os <strong>conte\u00fados audiovisuais estejam acess\u00edveis para as pessoas surdas e com defici\u00eancia auditiva.<\/strong> Essa ferramenta ainda beneficia outras pessoas, que podem consumir os v\u00eddeos sem ligar o \u00e1udio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Fontes com boa legibilidade:<\/h3>\n\n\n\n<p>Escolher fontes de f\u00e1cil leitura impacta no conforto de todos os usu\u00e1rios, mas principalmente daqueles com defici\u00eancias visuais ou cognitivas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Alto contraste:&nbsp;<\/h3>\n\n\n\n<p>Pensar bem nas cores do layout e das fontes, garantindo um alto <a href=\"https:\/\/www.handtalk.me\/br\/blog\/contraste-de-cores-e-acessibilidade\/\" target=\"_blank\" rel=\"noopener\" title=\"contraste\">contraste<\/a> adequado, beneficia todas as pessoas e n\u00e3o apenas as com defici\u00eancia visual.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Busca por comando de voz:<\/h3>\n\n\n\n<p>Essa ferramenta possibilita que as pessoas cegas ou com defici\u00eancia motora possam pesquisar p\u00e1ginas e assuntos no seu site com mais facilidade.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3digos acess\u00edveis:<\/h3>\n\n\n\n<p>Desenvolver c\u00f3digos acess\u00edveis na programa\u00e7\u00e3o do site como um todo \u00e9 importante para que os mecanismos de busca entendam que voc\u00ea oferece uma p\u00e1gina acess\u00edvel para mais pessoas. Isso tamb\u00e9m facilita a navega\u00e7\u00e3o de pessoas cegas ou com baixa vis\u00e3o, que utilizam leitores de telas.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Hierarquia nos conte\u00fados<\/h3>\n\n\n\n<p>Construa uma hierarquia entre os t\u00edtulos. Comece com o t\u00edtulo principal com a maior fonte (H1) e os subsequentes com fontes menores (H2, H3 e assim por diante).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Como avaliar a acessibilidade de um site?<\/strong><\/h2>\n\n\n\n<p>Avaliar a acessibilidade nos sites \u00e9 um passo fundamental para garantir que todas as pessoas, incluindo aquelas com defici\u00eancia, possam usufruir de uma experi\u00eancia inclusiva.&nbsp;<\/p>\n\n\n\n<p>Existem ferramentas autom\u00e1ticas, como o Lighthouse (do Google) e o Wave, que ajudam a verificar a conformidade dos sites com as diretrizes de acessibilidade WCAG. Essas ferramentas identificam problemas como falta de textos alternativos em imagens, baixa legibilidade e problemas de contraste de cores.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p>Construir um site acess\u00edvel para as pessoas com defici\u00eancia n\u00e3o \u00e9 t\u00e3o desafiador quanto a maioria das pessoas imaginam.<strong> \u00c9 poss\u00edvel come\u00e7ar a tornar a sua p\u00e1gina mais inclusiva ainda hoje<\/strong>, <strong>contribuindo para uma sociedade mais justa e ainda beneficiando a imagem da sua marca<\/strong>. Se voc\u00ea ainda n\u00e3o sabe por onde come\u00e7ar, clique no banner abaixo e <strong>conhe\u00e7a mais sobre o Hand Talk Plugin<\/strong>. Esse pode ser o seu primeiro passo!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.handtalk.me\/br\/?utm_source=blog&amp;utm_medium=organic&amp;utm_term=&amp;utm_content=sites-acessiveis&amp;utm_campaign=content-marketing\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"160\" src=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2017\/05\/banner-blog-plugin-750x160-1.png\" alt=\"Banner com fundo verde \u00e1gua\" class=\"wp-image-5682\" srcset=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2017\/05\/banner-blog-plugin-750x160-1.png 750w, https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2017\/05\/banner-blog-plugin-750x160-1-300x64.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>No Brasil existem mais de 17,3 milh\u00f5es de pessoas com alguma defici\u00eancia, como revelou a \u00faltima pesquisa publicada pelo IBGE, em 2019. E voc\u00ea sabia que menos de 1% dos websites est\u00e1 acess\u00edvel para elas? Esse dado nos mostra a urg\u00eancia desta pauta, pois uma grande parcela da popula\u00e7\u00e3o est\u00e1 sendo exclu\u00edda da web! Acompanhe [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":6925,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,378],"tags":[91,71],"class_list":["post-6922","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-acessibilidade-digital","category-diversidade-e-inclusao","tag-acessibilidade-digital","tag-inclusao"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/6922","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\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/comments?post=6922"}],"version-history":[{"count":1,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/6922\/revisions"}],"predecessor-version":[{"id":10276,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/6922\/revisions\/10276"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media\/6925"}],"wp:attachment":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media?parent=6922"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/categories?post=6922"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/tags?post=6922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}