{"id":1978,"date":"2022-08-15T11:00:00","date_gmt":"2022-08-15T14:00:00","guid":{"rendered":"https:\/\/iigual.com.br\/blog\/?p=1978"},"modified":"2022-08-15T12:42:15","modified_gmt":"2022-08-15T15:42:15","slug":"site-acessivel-2","status":"publish","type":"post","link":"https:\/\/iigual.com.br\/blog\/site-acessivel-2\/","title":{"rendered":"Dicas pr\u00e1ticas para tornar um site acess\u00edvel: d\u00ea ainda mais destaque a sua empresa"},"content":{"rendered":"\n<p>Um <strong>site acess\u00edvel<\/strong> \u00e9 uma forma de ajudar os seus dados a chegar a qualquer um e construir uma pol\u00edtica mais adequada para todos os p\u00fablicos. Por isso, veja abaixo algumas <a href=\"https:\/\/beecreative.com.br\/5-dicas-praticas-para-deixar-seu-site-mais-acessivel\/\" target=\"_blank\" rel=\"noreferrer noopener\">dicas pr\u00e1ticas<\/a> para incluir a <a href=\"https:\/\/iigual.com.br\/blog\/2022\/08\/10\/beneficios-da-acessibilidade-digital\/\" target=\"_blank\" rel=\"noreferrer noopener\">acessibilidade digital<\/a> em suas p\u00e1ginas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Porque um site acess\u00edvel \u00e9 importante<\/h2>\n\n\n\n<p>A internet \u00e9 o local ideal para que se encontre o que procuram e as empresas possam se destacar. Mas, s\u00f3 no Brasil, existem cerca de 45,6 milh\u00f5es de <strong>pessoas com defici\u00eancia<\/strong>, que precisam de recursos extras para entender as informa\u00e7\u00f5es.<\/p>\n\n\n\n<p>Hoje em dia as marcas j\u00e1 sabem que \u00e9 crucial trabalhar no <strong>layout<\/strong> e elaborar um c\u00f3digo para que todos entendam sua p\u00e1gina. Dessa forma, \u00e9 poss\u00edvel melhorar a imagem da sua marca al\u00e9m de cativar um novo p\u00fablico.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Onde a acessibilidade deve estar<\/h3>\n\n\n\n<p>Para dar <strong>acessibilidade <\/strong>a seu p\u00fablico \u00e9 preciso por esse aspecto em v\u00e1rias \u00e1reas ao longo da sua constru\u00e7\u00e3o e depois a cada novo post. Por isso, se deve inserir o item em etapas como as que est\u00e3o a seguir:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Layout<\/strong>;<\/li><li>Texto;<\/li><li>C\u00f3digo final.<\/li><\/ul>\n\n\n\n<p>Quem deseja entender melhor como fazer isso de uma forma eficaz pode contar com algumas dicas. Assim, veja abaixo um pouco mais sobre como fazer um <strong>site acess\u00edvel<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/08\/image-1024x683.png\" alt=\"\" class=\"wp-image-1980\" srcset=\"https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/08\/image-1024x683.png 1024w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/08\/image-300x200.png 300w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/08\/image-768x512.png 768w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/08\/image-750x500.png 750w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/08\/image.png 1125w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Foto: Criar um site acess\u00edvel para dar acesso a todos \u00e9 crucial para captar mais clientes<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Crie v\u00e1rias formas para que os clientes entrem em contato<\/h2>\n\n\n\n<p>A sua p\u00e1gina deve conter formas para que qualquer pessoa possa entrar em contato com a sua marca. Ent\u00e3o, \u00e9 preciso que haja op\u00e7\u00f5es para quem n\u00e3o ouve ou tem dificuldades de intera\u00e7\u00e3o.<\/p>\n\n\n\n<p>Para que isso seja eficaz \u00e9 indicado que se fa\u00e7a pequenos ajustes que tornem mais f\u00e1cil a comunica\u00e7\u00e3o da marca com o p\u00fablico. Dessa forma, ser\u00e1 poss\u00edvel gerar empatia e conquistar bons resultados de uso, com o cliente satisfeito com os resultados que obter.<\/p>\n\n\n\n<p>H\u00e1 muitos meios para que os clientes entrem em contato com a empresa e voc\u00ea deve pensar em todos. Afinal, ter uma rela\u00e7\u00e3o de inclus\u00e3o \u00e9 o primeiro ponto para cativ\u00e1-los. Assim, entre eles est\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Telefone e e-mail;<\/li><li>Formul\u00e1rios;<\/li><li>Pontos de contato.<\/li><\/ul>\n\n\n\n<p>Quem oferece muitos pontos de acesso tem mais chances de criar canais em que seu p\u00fablico entre em contato. Por isso, as oportunidades de gerar v\u00ednculos e novos neg\u00f3cios s\u00e3o bem amplas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Amenize as cores e o contraste para um site acess\u00edvel<\/h2>\n\n\n\n<p>Usar cores leves e diminuir o contraste do <strong>layout<\/strong> ajuda muito no dia a dia das de quem tem autismo de alto funcionamento. Isso porque, tons muito vibrantes s\u00e3o bem inc\u00f4modos e dificultam a vida deles.<\/p>\n\n\n\n<p>Outro aspecto que se deve evitar s\u00e3o as transa\u00e7\u00f5es r\u00e1pidas de luz, j\u00e1 que <strong>pessoas com defici\u00eancia<\/strong> que t\u00eam sensibilidade a elas podem passar mal. Ent\u00e3o, o indicado \u00e9 que se opte sempre por tons mais brandos, com foco na <a href=\"https:\/\/iigual.com.br\/blog\/2022\/05\/23\/acessibilidade-digital-6\/\">acessibilidade digital<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Como tratar o layout<\/h3>\n\n\n\n<p>O layout \u00e9 uma das partes mais importantes na cria\u00e7\u00e3o de um <strong>site acess\u00edvel<\/strong>. Dessa forma, \u00e9 preciso se dedicar para que ele fique confort\u00e1vel para todos que v\u00e3o acess\u00e1-lo e evitar cores brilhantes.<\/p>\n\n\n\n<p>Existem programas profissionais que ajudam a encontrar uma boa paleta que agrade a todos. Assim, uma das grandes op\u00e7\u00f5es \u00e9 o Adobe Color CC que oferece muitas alternativas confort\u00e1veis para quem acessa o item.<\/p>\n\n\n\n<p>Contratar um time que entenda sobre o assunto \u00e9 um dos melhores meios para garantir a qualidade da plataforma. Ent\u00e3o, investir um pouco mais nessa \u00e1rea \u00e9 uma das formas mais corretas para que o acesso seja bom para todos os envolvidos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fa\u00e7a alt nas imagens para um site acess\u00edvel<\/h2>\n\n\n\n<p>O alt nas imagens \u00e9 um servi\u00e7o que a vers\u00e3o do HTML fornece para quem o usa desde 1995. Assim, ele gera um texto alternativo para cada uma das fotos que n\u00e3o se renderiza na hora que s\u00e3o postas em seu post.<\/p>\n\n\n\n<p>Hoje em dia essa op\u00e7\u00e3o j\u00e1 n\u00e3o serve tanto para a sua meta original, j\u00e1 que os sites s\u00e3o bem mais pr\u00e1ticos. Mas, o uso ganhou novas aplica\u00e7\u00f5es como identificar imagens nos buscadores e ajudar quem tem algum tipo de defici\u00eancia visual.&nbsp;<\/p>\n\n\n\n<p>A tecnologia agora se tornou um dos grandes crit\u00e9rios de busca que existem na internet. Ent\u00e3o, quando se une a op\u00e7\u00e3o de narrar o texto, que a maioria das plataformas j\u00e1 oferecem, com as imagens que t\u00eam texto descritivo, fica mais f\u00e1cil entender essa alternativa.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Como criar boas descri\u00e7\u00f5es nas imagens<\/h3>\n\n\n\n<p>Para criar um <strong>site acess\u00edvel <\/strong>com imagens em alt algumas dicas ajudam muito. Ent\u00e3o veja algumas delas a seguir e aplique em sua p\u00e1gina para melhor a intera\u00e7\u00e3o com seu usu\u00e1rio.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Evite por dados nas fotos que s\u00e3o apenas para decorar, porque atrapalha a experi\u00eancia;<\/li><li>Quando for uma foto, descreva o ambiente, sujeitos e as a\u00e7\u00f5es sem adjetivos pessoais.<\/li><\/ul>\n\n\n\n<p>A principal inten\u00e7\u00e3o \u00e9 que o texto seja direto, impessoal e bem descritivo para ajudar a entender. Assim, faz com que o usu\u00e1rio compreenda qual \u00e9 a imagem usada em seu site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Um site acess\u00edvel repete informa\u00e7\u00f5es cruciais ao longo da p\u00e1gina<\/h2>\n\n\n\n<p>Para deixar a p\u00e1gina mais acess\u00edvel para quem tem dislexia ou transtornos como o TDAH \u00e9 bom repetir dados importantes. Isso porque, muitas vezes essas pessoas n\u00e3o tem foco e podem n\u00e3o ver uma boa informa\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>\u00c9 preciso saber como colocar isso sem que ele fique cansativo ao longo de sua escrita. Ent\u00e3o, o ideal \u00e9 colocar o item ao menos tr\u00eas vezes ao longo do texto, mas isso depende muito do tamanho que ele ter\u00e1.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Onde colocar as formas de contato<\/h3>\n\n\n\n<p>Para um <strong>site acess\u00edvel<\/strong> repita os links e contatos no cabe\u00e7alho e no rodap\u00e9 da p\u00e1gina. Dessa forma, esses s\u00e3o os locais ideais, porque as <strong>pessoas com defici\u00eancia<\/strong> j\u00e1 est\u00e3o acostumadas a que eles fiquem nesses locais.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"jeg_video_container jeg_video_content\"><iframe loading=\"lazy\" title=\"Fa\u00e7a sites acess\u00edveis\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/5aj3e63GP6c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Um site acess\u00edvel tem cuidado com a linguagem figurada<\/h2>\n\n\n\n<p>Quem usa figuras de linguagem no conte\u00fado pode ser mal interpretado por quem t\u00eam algum tipo de transtorno. Por isso, para <strong>acessibilidade<\/strong> o ideal \u00e9 evitar esse tipo de express\u00e3o para que n\u00e3o as confunda.<\/p>\n\n\n\n<p>\u00c9 crucial revisar bem os seus post para ter certeza que a linguagem \u00e9 a certa para todo tipo de p\u00fablico. Ent\u00e3o, busque usar termos formais, que todos possam entender e que n\u00e3o cause qualquer tipo de confus\u00e3o.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Como tornar o projeto melhor<\/h3>\n\n\n\n<p>Para o projeto ser acess\u00edvel \u00e9 bom que toda a sua equipe esteja envolvida nisso. Assim, \u00e9 bom manter todo o grupo bem consciente sobre as quest\u00f5es para que todos entendam a linguagem e os pontos corretos onde usar esse tipo de conte\u00fado.<\/p>\n\n\n\n<p>Essas s\u00e3o s\u00f3 algumas das formas para orientar e desenvolver os seus sites de modo eficaz. Assim, as chances de conquistar um p\u00fablico maior e melhorar a imagem da sua empresa s\u00e3o bem maiores com o apoio da <a href=\"https:\/\/iigual.com.br\/blog\/2022\/05\/05\/acessibilidade-digital-5\/\" target=\"_blank\" rel=\"noreferrer noopener\">acessibilidade digital<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Um site acess\u00edvel \u00e9 uma forma de ajudar os seus dados a chegar a qualquer um e construir uma pol\u00edtica mais adequada para todos os p\u00fablicos. Por isso, veja abaixo algumas dicas pr\u00e1ticas para incluir a acessibilidade digital em suas p\u00e1ginas. Porque um site acess\u00edvel \u00e9 importante A internet \u00e9 o local ideal para que [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":1979,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[241,432,101,266],"class_list":["post-1978","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inclusao","tag-acessibilidade","tag-layouts","tag-pessoas-com-deficiencia","tag-site-acessivel"],"_links":{"self":[{"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/posts\/1978","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=1978"}],"version-history":[{"count":1,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/posts\/1978\/revisions"}],"predecessor-version":[{"id":1981,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/posts\/1978\/revisions\/1981"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/media\/1979"}],"wp:attachment":[{"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/media?parent=1978"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/categories?post=1978"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/tags?post=1978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}