{"id":5841,"date":"2022-05-25T19:37:47","date_gmt":"2022-05-25T22:37:47","guid":{"rendered":"https:\/\/www.handtalk.me\/br\/?p=5841"},"modified":"2023-04-06T19:37:01","modified_gmt":"2023-04-06T22:37:01","slug":"site-bonito-e-acessivel","status":"publish","type":"post","link":"https:\/\/www.handtalk.me\/br\/blog\/site-bonito-e-acessivel\/","title":{"rendered":"Descubra como ter um site bonito e acess\u00edvel"},"content":{"rendered":"\n<p>Construir um site acess\u00edvel pode ser mais simples do que se imagina, mas \u00e9 importante que isso seja considerado desde o in\u00edcio do projeto. Diferente do que muitas pessoas pensam, um site que conta com recursos de acessibilidade n\u00e3o tem uma apar\u00eancia ruim, acredita? Apostar em iniciativas como essa n\u00e3o s\u00f3 auxilia no dia a dia de muitas pessoas, como traz benef\u00edcios que voc\u00ea nem imagina. Mas antes de falar neles, vamos conferir algumas dicas para voc\u00ea j\u00e1 colocar a m\u00e3o na massa e j\u00e1 fazer a diferen\u00e7a:<br><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Teste a compatibilidade com as Diretrizes de Acessibilidade para o Conte\u00fado da Web (<a href=\"https:\/\/www.handtalk.me\/br\/blog\/wcag-2-0\/\" target=\"_blank\" rel=\"noreferrer noopener\">WCAG<\/a>), mas n\u00e3o confie apenas em testes automatizados, fa\u00e7a o poss\u00edvel para envolver pessoas com defici\u00eancia neste processo;<\/li><li>Adote uma filosofia de design universal, pensando na experi\u00eancia dos usu\u00e1rios com&nbsp;defici\u00eancia ao criar seu conte\u00fado;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Cuidado com as cores! Evite us\u00e1-las para transmitir informa\u00e7\u00f5es e siga os requisitos de contraste, de acordo com a <a href=\"https:\/\/www.handtalk.me\/br\/blog\/wcag-2-0\/\" target=\"_blank\" rel=\"noreferrer noopener\">(WCAG);<\/a><\/li><li>Widgets e Plugins podem apresentar problemas de acessibilidade. Portanto, revise suas op\u00e7\u00f5es e garanta que a ferramenta seja de qualidade;<\/li><li>Instale o <a href=\"https:\/\/www.handtalk.me\/br\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hand Talk Plugin<\/a>, uma solu\u00e7\u00e3o de tradu\u00e7\u00e3o em Libras. Assim, as pessoas que utilizam a L\u00edngua Brasileira de Sinais para se comunicar, compreender\u00e3o o conte\u00fado com mais clareza e conforto. Ele n\u00e3o pesa e n\u00e3o atrapalha o desempenho do site. Voc\u00ea pode test\u00e1-lo antes para conferir!<\/li><li>Evite usar imagens que contenham conte\u00fados escritos. Se voc\u00ea precisar usar imagens com texto, inclua sua informa\u00e7\u00e3o nos <a href=\"https:\/\/www.handtalk.me\/br\/blog\/pracegover\/\" target=\"_blank\" rel=\"noreferrer noopener\">textos alternativos<\/a>;<\/li><li>Todas as p\u00e1ginas do seu site devem ter t\u00edtulos \u00fanicos e l\u00f3gicos. Para esta etapa, voc\u00ea pode se fazer as seguintes perguntas: \u201cConsigo entender exatamente o que encontro nesta p\u00e1gina lendo apenas o t\u00edtulo?\u201d \u201cO t\u00edtulo tem palavra-chave?\u201d<\/li><\/ul>\n\n\n\n<p>E a\u00ed, gostou das dicas? Esperamos que sim! <br>O melhor de tudo \u00e9 que nada disso tornar\u00e1 o seu site feio e ele certamente ser\u00e1 muito mais \u00fatil! Mas lembre-se, pensar em acessibilidade desde o in\u00edcio, estruturando um bom planejamento, <a href=\"https:\/\/www.handtalk.me\/br\/blog\/como-construi-site-acessivel-do-zero\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u00e9 mais f\u00e1cil do que resolver problemas causados pela falta dela mais adiante.<\/a>&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><br>Acessibilidade: um trunfo para sua marca<\/h3>\n\n\n\n<p>Sim, j\u00e1 sabemos que a acessibilidade proporciona in\u00fameros benef\u00edcios. Um deles, que mencionamos anteriormente, \u00e9 \u201c<a href=\"https:\/\/www.handtalk.me\/br\/blog\/acessibilidade-ranking-google\/\" target=\"_blank\" rel=\"noreferrer noopener\">melhorar o desempenho<\/a>\u201d do seu site. Isto \u00e9, alcan\u00e7ar um melhor posicionamento nos mecanismos de busca. Vamos explicar!<br><\/p>\n\n\n\n<p>Voc\u00ea j\u00e1 ouviu falar em <a href=\"https:\/\/www.handtalk.me\/br\/blog\/acessibilidade-ranking-google\/\" target=\"_blank\" rel=\"noreferrer noopener\">algoritmos do Google?<\/a> Podemos compar\u00e1-los a rob\u00f4s que percorrem os conte\u00fados da web, operando para validar a qualidade e estrutura de cada um. Eles entendem que um site acess\u00edvel \u00e9 mais relevante e bem estruturado. Por isso, incluir essas estrat\u00e9gias pode te levar ao topo do ranqueamento nas p\u00e1ginas de pesquisa. Al\u00e9m disso, ele se tornar\u00e1 organicamente mais acessado, pois pessoas com defici\u00eancia ou idosas, que necessitam de recursos de acessibilidade durante a navega\u00e7\u00e3o, podem visit\u00e1-lo com mais facilidade.<br><\/p>\n\n\n\n<p>Viu s\u00f3? Acessibilidade n\u00e3o \u00e9 um problema e sim uma solu\u00e7\u00e3o para sua marca e para muitos usu\u00e1rios. Comece agora mesmo a colocar as a\u00e7\u00f5es em pr\u00e1tica, com as dicas que trouxemos neste conte\u00fado. Ah! E se ficou interessado em saber mais sobre o Hand Talk Plugin, <a href=\"https:\/\/www.handtalk.me\/br\/plugin\" target=\"_blank\" rel=\"noreferrer noopener\">fale com a gente<\/a>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/acessibilidade.handtalk.me\/levantada-mao-persona-mkt\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"160\" data-id=\"7146\" src=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2018\/12\/banners-personas-MKT.png\" alt=\"Banner com fndo azul escuro. Do lado esquerdo e no centro est\u00e1 escrito &quot;Seu site melhor ranqueado no Google por estar acess\u00edvel em Libras&quot;. Bot\u00e3o escrito &quot;quero conhecer a ferramenta&quot;. Do lado direiro a ilustra\u00e7\u00e3o da Maya saindo de um computador.\" class=\"wp-image-7146\" srcset=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2018\/12\/banners-personas-MKT.png 750w, https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2018\/12\/banners-personas-MKT-300x64.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Construir um site acess\u00edvel pode ser mais simples do que se imagina, mas \u00e9 importante que isso seja considerado desde o in\u00edcio do projeto. Diferente do que muitas pessoas pensam, um site que conta com recursos de acessibilidade n\u00e3o tem uma apar\u00eancia ruim, acredita? Apostar em iniciativas como essa n\u00e3o s\u00f3 auxilia no dia a [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":5852,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,14,378],"tags":[52,91,443,594],"class_list":["post-5841","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-acessibilidade","category-acessibilidade-digital","category-diversidade-e-inclusao","tag-acessibilidade","tag-acessibilidade-digital","tag-texto-alternativo","tag-traducao-em-libras"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/5841","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=5841"}],"version-history":[{"count":0,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/5841\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media\/5852"}],"wp:attachment":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media?parent=5841"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/categories?post=5841"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/tags?post=5841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}