{"id":1656,"date":"2022-05-03T11:00:00","date_gmt":"2022-05-03T14:00:00","guid":{"rendered":"https:\/\/iigual.com.br\/blog\/?p=1656"},"modified":"2022-04-21T20:45:50","modified_gmt":"2022-04-21T23:45:50","slug":"site-acessivel","status":"publish","type":"post","link":"https:\/\/iigual.com.br\/blog\/site-acessivel\/","title":{"rendered":"Por que voc\u00ea deve se preocupar em ter um site acess\u00edvel para sua equipe?"},"content":{"rendered":"\n<p>Ter um<strong> site acess\u00edvel<\/strong> \u00e9 um diferencial para quem quer ter uma <a href=\"https:\/\/weethub.com\/blog\/presenca-digital-o-que-e-e-como-comecar-a-construir\/#:~:text=Presen%C3%A7a%20digital%20%C3%A9%20o%20modo,do%20consumidor%20e%20principalmente%2C%20confi%C3%A1vel.\">presen\u00e7a digital<\/a> forte. Afinal, todos est\u00e3o cada vez mais conectados, e h\u00e1 pessoas com diferentes necessidades de adapta\u00e7\u00e3o. Ent\u00e3o, saiba como se adequar a essa realidade com medidas simples.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que \u00e9 um site acess\u00edvel?<\/h2>\n\n\n\n<p>Esse conceito abrange as p\u00e1ginas na web que permitem aos usu\u00e1rios interagir de forma eficaz com o conte\u00fado. Desse modo, n\u00e3o se limita ao acesso para pessoas com <a href=\"https:\/\/iigual.com.br\/blog\/2021\/11\/10\/como-valorizar-seus-funcionarios-com-deficiencia\/\">defici\u00eancia<\/a>, mas tamb\u00e9m para idosos ou para conex\u00f5es lentas.&nbsp;<\/p>\n\n\n\n<p>Para tanto, h\u00e1 v\u00e1rios recursos que podem ser empregados para ter um site mais funcional. Por exemplo, a otimiza\u00e7\u00e3o da linguagem, contraste e tamanho da fonte, al\u00e9m de possibilitar o uso de leitores de tela.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9 obrigat\u00f3rio fazer um site acess\u00edvel?<\/h3>\n\n\n\n<p>A partir de 2015 entrou em vigor a <strong>Lei Brasileira de Inclus\u00e3o da Pessoa com Defici\u00eancia<\/strong>. O texto, por sua vez, determina que as empresas com sede no pa\u00eds tenham um site <strong>acess\u00edvel<\/strong>, seguindo as pr\u00e1ticas internacionais.<\/p>\n\n\n\n<p>Essa norma, no entanto, \u00e9 um pouco vaga, pois n\u00e3o fixa de maneira exata quais os requisitos b\u00e1sicos para garantir a acessibilidade. Por isso, muitas empresas ainda deixam de cumprir com essa exig\u00eancia.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/04\/image-20-1024x577.jpeg\" alt=\"\" class=\"wp-image-1659\" srcset=\"https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/04\/image-20-1024x577.jpeg 1024w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/04\/image-20-300x169.jpeg 300w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/04\/image-20-768x433.jpeg 768w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/04\/image-20-750x423.jpeg 750w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/04\/image-20-1140x642.jpeg 1140w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/04\/image-20.jpeg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Foto: Para ter um site acess\u00edvel, algumas medidas como deixar o texto mais leg\u00edvel e em fontes maiores podem ajudar<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Por que \u00e9 importante a acessibilidade na Web?<\/h2>\n\n\n\n<p>Uma grande parte da popula\u00e7\u00e3o tem algum tipo de defici\u00eancia f\u00edsica, ou possui algum grau de dificuldade de leitura. Por outro lado, essas pessoas tamb\u00e9m consomem produtos e servi\u00e7os na internet no seu dia a dia, logo, \u00e9 uma boa parcela do mercado.<\/p>\n\n\n\n<p>Diante disso, al\u00e9m do que determina a lei, a acessibilidade pode levar o seu conte\u00fado a mais pessoas. Portanto, \u00e9 uma <strong>decis\u00e3o estrat\u00e9gica <\/strong>para um neg\u00f3cio ter meios para fazer sua p\u00e1gina online mais <a href=\"https:\/\/iigual.com.br\/blog\/2021\/11\/03\/cultura-inclusiva-conheca-mais-sobre-o-tema\/\">inclusiva<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Posicionamento da marca<\/h3>\n\n\n\n<p>Cada vez mais os consumidores exigem que as marcas tenham uma responsabilidade social. Desse modo, ter um <strong>site acess\u00edvel<\/strong> \u00e9 uma medida bem vista pelos clientes, pois demonstra o compromisso em promover a igualdade de condi\u00e7\u00f5es.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como avaliar se voc\u00ea tem um site acess\u00edvel?<\/h2>\n\n\n\n<p>A melhor forma de saber se sua p\u00e1gina web \u00e9, de fato, adequada \u00e9 testando. Por isso, voc\u00ea pode optar por pedir a algu\u00e9m que tenha algum tipo de defici\u00eancia para acessar e provar a usabilidade. Ainda, h\u00e1 alguns testes que tamb\u00e9m podem medir esse aspecto, como:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Calculadora de contraste, para ver a nitidez do conte\u00fado em rela\u00e7\u00e3o ao fundo;<\/li><li>Avaliador de Acessibilidade (ASES), uma ferramenta do governo federal;<\/li><li>Teste toolkit, que tem cards com crit\u00e9rios para avaliar a p\u00e1gina;<\/li><li>Hera, um programa que avalia o c\u00f3digo do site e indica pontos de melhoria;<\/li><li>Cynthia Says, \u00e9 um portal que analisa o site e gera um relat\u00f3rio para mudan\u00e7as.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Diretrizes<\/h3>\n\n\n\n<p>Existem alguns aspectos comuns que um <strong>site acess\u00edvel <\/strong>deve conter. Por suas vez, a W3C, que \u00e9 um cons\u00f3rcio internacional sobre design elencou alguns itens essenciais para uma melhor experi\u00eancia do usu\u00e1rio, entre eles:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Exige m\u00ednimo esfor\u00e7o f\u00edsico;<\/li><li>Flexibilidade;<\/li><li>Adapta\u00e7\u00e3o ao tamanho da tela;<\/li><li>Uso simples e intuitivo.<\/li><\/ul>\n\n\n\n<p>A partir desses princ\u00edpios, \u00e9 poss\u00edvel pensar em formas diferentes para deixar a p\u00e1gina mais simples para navegar. Desse modo, o conte\u00fado pode impactar mais pessoas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Saiba como fazer a adapta\u00e7\u00e3o para cada tipo de defici\u00eancia<\/h2>\n\n\n\n<p>Um dos meios para ter um conte\u00fado mais acess\u00edvel, \u00e9 apostar em <strong>mecanismos multissensoriais<\/strong>, ou seja, que explorem mais de um sentido f\u00edsico. V\u00eddeos com legendas, imagens com texto ou \u00e1udio descri\u00e7\u00e3o, por exemplo, s\u00e3o boas op\u00e7\u00f5es.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ferramentas ajudam a todos<\/h3>\n\n\n\n<p>Quando se pensa nesse tema, \u00e9 natural associar \u00e0 necessidade de pessoas com defici\u00eancia. No entanto, essas medidas ajudam a todos os que consomem o conte\u00fado, mesmo sem qualquer problema f\u00edsico.<\/p>\n\n\n\n<p>Incluir a legenda em um v\u00eddeo, permite que uma pessoa assista no \u00f4nibus, mesmo sem fone e ainda ajuda os idosos com perda de audi\u00e7\u00e3o. Ainda, a escolha de uma fonte mais limpa deixa mais f\u00e1cil a leitura de um texto, mesmo para quem n\u00e3o tem problema de vis\u00e3o.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">T\u00e9cnicas para deixar um site acess\u00edvel<\/h2>\n\n\n\n<p>Alguns tipos de recursos podem facilitar o acesso aos conte\u00fados, por meio de pequenos ajustes. Ent\u00e3o, confira aqueles mais usados e que podem mudar a sua p\u00e1gina na internet para deixar mais inclusiva.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Fundo com alto contraste<\/h3>\n\n\n\n<p>Essa op\u00e7\u00e3o auxilia pessoas com baixa vis\u00e3o, pois deixa o plano de fundo em uma cor mais escura, e as letras mais claras. Al\u00e9m disso, pode se somar ao aumento do tamanho das letras para melhorar a leitura.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Leitor de tela<\/h3>\n\n\n\n<p>Um software que converte o texto de uma p\u00e1gina em \u00e1udio, indicado para pessoas cegas ou com baixa vis\u00e3o. Ent\u00e3o, vale fazer um teste com um desses programas para ver se o seu site est\u00e1 bom e se a leitura \u00e9 f\u00e1cil de entender.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Recurso de libras<\/h3>\n\n\n\n<p>Para pessoas com problemas de audi\u00e7\u00e3o, h\u00e1 programas que fazem a tradu\u00e7\u00e3o em tempo real do conte\u00fado para a l\u00edngua de sinais. O Vlibras, por exemplo, \u00e9 gratuito e feito pelo governo federal, em parceria com universidades.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como deixar um texto mais acess\u00edvel?<\/h2>\n\n\n\n<p>Tornar a leitura mais f\u00e1cil, \u00e9 um ponto importante ao pensar em um <strong>site acess\u00edvel<\/strong>. Portanto, mesmo que a pessoa n\u00e3o tenha problemas de vis\u00e3o, algumas medidas podem deixar o conte\u00fado mais adequado, como:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Alinhar o texto \u00e0 esquerda, para melhor leitura;<\/li><li>Evite usar fontes com serifa ou cursivas;<\/li><li>Fique atento ao contraste, o ideal \u00e9 de 4.5:1 para um texto normal;<\/li><li>Aposte na linguagem mais simples, para que todos entendam;<\/li><li>Inclua descri\u00e7\u00e3o nas imagens.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Destaques<\/h3>\n\n\n\n<p>Para destacar um trecho do texto, voc\u00ea pode colocar a fonte em vermelho. No entanto, um programa de leitura de tela n\u00e3o sabe essa diferen\u00e7a. Por isso, use recursos mais acess\u00edveis para obter o efeito desejado, como pontos de interroga\u00e7\u00e3o e exclama\u00e7\u00e3o.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/04\/image-19-1024x682.jpeg\" alt=\"\" class=\"wp-image-1658\" srcset=\"https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/04\/image-19-1024x682.jpeg 1024w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/04\/image-19-300x200.jpeg 300w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/04\/image-19-768x511.jpeg 768w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/04\/image-19-750x499.jpeg 750w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/04\/image-19-1140x759.jpeg 1140w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/04\/image-19.jpeg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Foto: Existem programas que fazem a an\u00e1lise para ver se o seu site \u00e9 acess\u00edvel<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Por que as empresas devem se preocupar em ter um site acess\u00edvel?<\/h2>\n\n\n\n<p>A maior aten\u00e7\u00e3o \u00e0 inclus\u00e3o digital \u00e9 uma tend\u00eancia cada dia mais presente. Por isso, o governo busca meios de garantir o acesso das pessoas com iguais condi\u00e7\u00f5es de exercer suas atividades na sociedade.<\/p>\n\n\n\n<p>Ter um <strong>site acess\u00edvel<\/strong>, portanto, pode destacar a sua <a href=\"https:\/\/iigual.com.br\/blog\/2021\/10\/20\/empresa-mais-inclusiva-veja-alguns-passos-para-isso\/\">empresa<\/a> no mercado, uma vez que hoje, apenas 1% das companhias t\u00eam esse cuidado. Portanto, serve para atingir um p\u00fablico ainda pouco visado.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cuidado com os pr\u00f3prios funcion\u00e1rios<\/h3>\n\n\n\n<p>Fora o p\u00fablico externo, dentro dos quadros da empresa pode haver pessoas com defici\u00eancia e que precisam de algum tipo de adapta\u00e7\u00e3o. Ent\u00e3o, d\u00e1 para come\u00e7ar essa mudan\u00e7a de dentro para fora.<\/p>\n\n\n\n<p>Tornar uma p\u00e1gina da web mais inclusiva pode come\u00e7ar com medidas simples que n\u00e3o demandam muitos gastos. Nesse sentido, o ideal \u00e9 fazer uma an\u00e1lise pr\u00e9via de tudo o pode mudar e come\u00e7ar aos poucos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ter um site acess\u00edvel \u00e9 um diferencial para quem quer ter uma presen\u00e7a digital forte. Afinal, todos est\u00e3o cada vez mais conectados, e h\u00e1 pessoas com diferentes necessidades de adapta\u00e7\u00e3o. Ent\u00e3o, saiba como se adequar a essa realidade com medidas simples. O que \u00e9 um site acess\u00edvel? Esse conceito abrange as p\u00e1ginas na web que [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":1657,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[267,268,269,266],"class_list":["post-1656","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inclusao","tag-decisao-estrategica","tag-lei-brasileira-de-inclusao-da-pessoa-com-deficiencia","tag-mecanismos-multissensoriais","tag-site-acessivel"],"_links":{"self":[{"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/posts\/1656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/comments?post=1656"}],"version-history":[{"count":1,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/posts\/1656\/revisions"}],"predecessor-version":[{"id":1660,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/posts\/1656\/revisions\/1660"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/media\/1657"}],"wp:attachment":[{"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/media?parent=1656"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/categories?post=1656"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/tags?post=1656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}