{"id":1986,"date":"2022-08-17T11:00:00","date_gmt":"2022-08-17T14:00:00","guid":{"rendered":"https:\/\/iigual.com.br\/blog\/?p=1986"},"modified":"2022-08-17T10:48:09","modified_gmt":"2022-08-17T13:48:09","slug":"conteudo-inclusivo","status":"publish","type":"post","link":"https:\/\/iigual.com.br\/blog\/conteudo-inclusivo\/","title":{"rendered":"Dicas para criar conte\u00fado inclusivo para o site da sua empresa"},"content":{"rendered":"\n<p>Criar <strong>conte\u00fado inclusivo<\/strong> para blogs e <a href=\"https:\/\/iigual.com.br\/blog\/2022\/08\/15\/site-acessivel-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">sites acess\u00edveis<\/a> pode ampliar muito o p\u00fablico da sua marca. Afinal, h\u00e1 menos de um por cento das empresas que fazem isso, e essa \u00e9 uma chance de promover a <a href=\"https:\/\/www.politize.com.br\/inclusao-social\/#:~:text=A%20inclus%C3%A3o%20social%20%C3%A9%20o,poder%20aquisitivo%20dentro%20da%20comunidade.\" target=\"_blank\" rel=\"noreferrer noopener\">inclus\u00e3o social<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Acessibilidade digital<\/h2>\n\n\n\n<p>O grupo de <strong>pessoas com defici\u00eancia <\/strong>ainda \u00e9 um dos que mais sofre com a falta de acesso a alguns tipos de conte\u00fados online. Ainda que haja uma lei sobre a situa\u00e7\u00e3o, empresas de diversos setores n\u00e3o pensam nesse grupo ao produzir conte\u00fado para blogs de:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Moda;<\/li><li>Neg\u00f3cios;<\/li><li>Finan\u00e7as;<\/li><li>Tecnologia.<\/li><\/ul>\n\n\n\n<p>H\u00e1 uma vis\u00e3o limitante que impede alguns de pensar que essa minoria se interessa por assuntos diversos de fato. Assim, \u00e9 um p\u00fablico grande que a sua empresa pode estar perdendo por falta de acesso.<\/p>\n\n\n\n<p>A <strong>acessibilidade digital <\/strong>\u00e9 o que ocorre quando se elimina essas barreiras na intera\u00e7\u00e3o online. Ent\u00e3o, quando aplicada, qualquer pessoa consegue ler, navegar, interagir e entender o que est\u00e1 no site da sua empresa.<\/p>\n\n\n\n<p>Esse conceito est\u00e1 ligado a cria\u00e7\u00e3o de conte\u00fado acess\u00edvel, porque h\u00e1 v\u00e1rias medidas que podem ser aplicadas no formato do site e do texto. Desse modo, veja quatro dicas para fazer isso a seguir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">LBI<\/h3>\n\n\n\n<p>A <a href=\"https:\/\/iigual.com.br\/blog\/2021\/05\/22\/lei-brasileira-de-inclusao\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lei Brasileira de Inclus\u00e3o<\/a> define que empresas com sede no pa\u00eds que tenham s\u00edtios na internet precisam ser acess\u00edveis. Mas, segundo uma pesquisa da Big Data Corp, menos de um por cento dos sites comerciais que existem no pa\u00eds s\u00e3o acess\u00edveis de fato.<\/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=\"Saiba sobre Acessibilidade digital e como produzir um conte\u00fado inclusivo\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/9P3-z6_80ic?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\">1 &#8211; Crie um site acess\u00edvel<\/h2>\n\n\n\n<p>O primeiro passo para os neg\u00f3cios que decidem ampliar o seu p\u00fablico \u00e9 criar um<strong> site acess\u00edvel<\/strong>. Afinal, quando est\u00e1 mal constru\u00eddo, uma s\u00e9rie de detalhes atrapalha os assistentes virtuais usados por <strong>pessoas com defici\u00eancia<\/strong>.<\/p>\n\n\n\n<p>Fora isso, tamb\u00e9m impede que outros grupos passem muito tempo em suas p\u00e1ginas. Assim, as principais medidas para ter um s\u00edtio na internet que possa ser \u00fatil a v\u00e1rias pessoas s\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Poucas propagandas;<\/li><li>Alto contraste entre o texto e o fundo da tela;<\/li><li>Organizado;<\/li><li>Intuitivo;<\/li><li>Naveg\u00e1vel por teclado.<\/li><\/ul>\n\n\n\n<p>\u00c9 importante que o site seja simples e que a navega\u00e7\u00e3o seja o mais intuitiva poss\u00edvel. Mas, caso a sua p\u00e1gina na internet j\u00e1 exista e siga essas orienta\u00e7\u00f5es, h\u00e1 mais medidas para melhor\u00e1-lo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2 &#8211; Leve em conta as tecnologias assistivas<\/h2>\n\n\n\n<p>Pessoas que t\u00eam defici\u00eancia auditiva ou visual costumam usar os leitores de tela para acessar websites. Desse modo, \u00e9 preciso levar em conta esses apps ao produzir um <strong>conte\u00fado inclusivo<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Leitores de tela para conte\u00fado inclusivo<\/h3>\n\n\n\n<p>S\u00e3o softwares que captam todos os dados exibidos em uma tela, os converte para texto e traduz por meio da voz. Assim, quando h\u00e1 \u00edcones sem pron\u00fancia, abrevia\u00e7\u00f5es e imagens sem texto alternativo, eles n\u00e3o v\u00e3o conseguir traduzir tudo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3 &#8211; Crie conte\u00fado inclusivo para todos p\u00fablicos<\/h2>\n\n\n\n<p>A <strong>inclus\u00e3o digital <\/strong>deve ser para todos os grupos, inclusive para os diferentes tipos de defici\u00eancia. Por isso, n\u00e3o basta colocar um tradutor de Libras em seus v\u00eddeos, mas tamb\u00e9m deve-se pensar em:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Texto alternativo;<\/li><li>Imagens e v\u00eddeos com legendas;<\/li><li>\u00c1udios descri\u00e7\u00f5es dos v\u00eddeos;<\/li><li>P\u00e1gina naveg\u00e1vel por teclado;<\/li><li>Tradutores para Libras.<\/li><\/ul>\n\n\n\n<p>Diferente do se pode pensar, essas medidas tamb\u00e9m s\u00e3o \u00fateis para pessoas que n\u00e3o t\u00eam defici\u00eancia. A legenda em v\u00eddeos, por exemplo, \u00e9 uma boa op\u00e7\u00e3o para os que querem consumir o seu conte\u00fado sem precisar ativar o som em qualquer lugar.<\/p>\n\n\n\n<p>Fora isso, a navega\u00e7\u00e3o por teclado tamb\u00e9m \u00e9 \u00fatil para quem n\u00e3o tem um mouse na hora. Assim, \u00e9 uma forma de atender tanto os que dependem disso quanto os que precisam apenas por uma situa\u00e7\u00e3o.<\/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-5-1024x683.jpeg\" alt=\"\" class=\"wp-image-1988\" srcset=\"https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/08\/image-5-1024x683.jpeg 1024w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/08\/image-5-300x200.jpeg 300w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/08\/image-5-768x512.jpeg 768w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/08\/image-5-750x500.jpeg 750w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/08\/image-5-1140x760.jpeg 1140w, https:\/\/iigual.com.br\/blog\/wp-content\/uploads\/2022\/08\/image-5.jpeg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Foto: O conte\u00fado inclusivo tamb\u00e9m depende da linguagem do texto\u00a0<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">4 &#8211; Aten\u00e7\u00e3o ao texto do conte\u00fado inclusivo<\/h2>\n\n\n\n<p>Essa \u00e9 uma dica que deve se tornar uma pr\u00e1tica constante na produ\u00e7\u00e3o de <strong>conte\u00fado inclusivo <\/strong>no seu website. Afinal, o texto \u00e9 o principal meio para informar e receber as intera\u00e7\u00f5es das pessoas, logo, \u00e9 preciso se preocupar com:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Tamanho da fonte;<\/li><li>Frases na ordem direta;<\/li><li>Par\u00e1grafos curtos;<\/li><li>Legendas para imagens e v\u00eddeos;<\/li><li>Evitar destaque com it\u00e1lico;<\/li><li>Deixar espa\u00e7amentos maiores;<\/li><li>Uso de cores que contrastam;<\/li><li>Hiperlinks em frases com sentido completo.<\/li><\/ul>\n\n\n\n<p>Como se v\u00ea, tanto detalhes do formato quanto a linguagem do texto s\u00e3o essenciais para que seja acess\u00edvel. Ent\u00e3o, assim como a maioria das m\u00eddias sociais, ela deve ser f\u00e1cil de consumir, objetiva e clara.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Uso hiperlinks<\/h3>\n\n\n\n<p>Os leitores de tela tamb\u00e9m leem as frases com hiperlinks, por isso, deve-se ficar claro qual \u00e9 o assunto da url de destino. Uma forma de fazer isso \u00e9 inserir o link nos mesmos termos que se encontram na url da p\u00e1gina.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Vantagens de ter acessibilidade digital no seu site<\/h2>\n\n\n\n<p>Em primeiro lugar, colocar essas dicas em pr\u00e1tica deixa o seu website pronto para receber cerca de 46 milh\u00f5es de pessoas. Esse \u00e9 o n\u00famero de <strong>pessoas com defici\u00eancia <\/strong>no Brasil de acordo com o \u00faltimo <a href=\"https:\/\/educa.ibge.gov.br\/jovens\/conheca-o-brasil\/populacao\/20551-pessoas-com-deficiencia.html\" target=\"_blank\" rel=\"noreferrer noopener\">censo do IBGE<\/a>.<\/p>\n\n\n\n<p>Fora isso, s\u00e3o pr\u00e1ticas essenciais para empresas que se pautam pelos aspectos do ESG. Afinal, a inclus\u00e3o e o impacto social fazem parte dos objetivos desse conceito. Em resumo, pode-se dizer que as principais vantagens de ter um <strong>site acess\u00edvel <\/strong>s\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Atrai mais pessoas;<\/li><li>Cria uma imagem positiva da marca;<\/li><li>Mostra o empenho da empresa com a <strong>inclus\u00e3o digital<\/strong>;<\/li><li>Aumenta o interesse pelos produtos ou servi\u00e7os da empresa.<\/li><\/ul>\n\n\n\n<p>Implantar essas a\u00e7\u00f5es tamb\u00e9m pode chamar a aten\u00e7\u00e3o de marcas com os mesmos valores. Ali\u00e1s, coloca a sua marca \u00e0 frente de quase 99% das que ainda n\u00e3o tem uma p\u00e1gina com conte\u00fado para todos.<\/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=\"Toda comunica\u00e7\u00e3o deve ser acess\u00edvel e inclusiva  | Claudia Werneck | TEDxPUCMinas\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/GTfcWtFo8J4?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\">Tenha um site com conte\u00fado inclusivo<\/h2>\n\n\n\n<p>Por fim, criar um <strong>conte\u00fado inclusivo <\/strong>\u00e9 crucial n\u00e3o s\u00f3 para estar dentro das normas legais, mas tamb\u00e9m para ter um impacto social de fato. Afinal, \u00e9 uma forma de promover a mudan\u00e7a e a <a href=\"https:\/\/iigual.com.br\/blog\/2022\/06\/13\/deficiencia-intelectual\/\" target=\"_blank\" rel=\"noreferrer noopener\">inclus\u00e3o de pessoas<\/a> que ainda sofrem com a falta de acesso a:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Espa\u00e7os f\u00edsicos;<\/li><li>Informa\u00e7\u00e3o;<\/li><li>Educa\u00e7\u00e3o;<\/li><li>Trabalho.<\/li><\/ul>\n\n\n\n<p>Ao colocar essas a\u00e7\u00f5es em pr\u00e1tica, o seu conte\u00fado pode ter um alcance muito maior. Assim, mais pessoas v\u00e3o poder comprar o seu produto ou servi\u00e7o e mais talentos v\u00e3o ter interesse em fazer parte do seu time.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Contrate uma empresa da \u00e1rea<\/h3>\n\n\n\n<p>Para criar um site com todos os aspectos ideais para receber a todos, \u00e9 poss\u00edvel contratar uma empresa que trabalhe nessa \u00e1rea. Desse modo, as suas p\u00e1ginas na web ser\u00e3o muito mais atrativas.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Criar conte\u00fado inclusivo para blogs e sites acess\u00edveis pode ampliar muito o p\u00fablico da sua marca. Afinal, h\u00e1 menos de um por cento das empresas que fazem isso, e essa \u00e9 uma chance de promover a inclus\u00e3o social. Acessibilidade digital O grupo de pessoas com defici\u00eancia ainda \u00e9 um dos que mais sofre com a [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":1987,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[107,434,158,101,266],"class_list":["post-1986","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inclusao","tag-acessibilidade-digital","tag-conteudo-inclusivo","tag-inclusao-digital","tag-pessoas-com-deficiencia","tag-site-acessivel"],"_links":{"self":[{"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/posts\/1986","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=1986"}],"version-history":[{"count":1,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/posts\/1986\/revisions"}],"predecessor-version":[{"id":1989,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/posts\/1986\/revisions\/1989"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/media\/1987"}],"wp:attachment":[{"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/media?parent=1986"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/categories?post=1986"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iigual.com.br\/blog\/wp-json\/wp\/v2\/tags?post=1986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}