{"id":2475,"date":"2019-02-07T13:57:12","date_gmt":"2019-02-07T16:57:12","guid":{"rendered":"http:\/\/blog.handtalk.me\/?p=2475"},"modified":"2023-04-12T17:41:15","modified_gmt":"2023-04-12T20:41:15","slug":"dicas-conteudo-acessivel","status":"publish","type":"post","link":"https:\/\/www.handtalk.me\/br\/blog\/dicas-conteudo-acessivel\/","title":{"rendered":"Deixe seu conte\u00fado acess\u00edvel com essas dicas super simples"},"content":{"rendered":"<p><strong>Deixar o seu site acess\u00edvel significa, em outras palavras, possibilitar que o seu conte\u00fado seja compreendido por todas as pessoas<\/strong>. Se considerarmos a comunidade surda, por exemplo, muitos sites est\u00e3o inacess\u00edveis para grande parte dela. Isso acontece por conta da falta de <a title=\"Voc\u00ea sabia que seu site est\u00e1 offline para milh\u00f5es de brasileiros?\" href=\"https:\/\/www.handtalk.me\/br\/blog\/site-offline-milhoes-brasileiros\/?utm_source=Blog&amp;utm_medium=DicasF%C3%A1ceis_Link\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\">acessibilidade em Libras<\/span><\/a>. E essa \u00e9 apenas uma das defici\u00eancias existentes. Todas as outras tamb\u00e9m requerem uma aten\u00e7\u00e3o especial na hora de pensar um conte\u00fado acess\u00edvel.<\/p>\n<p>Muitas vezes, o formato como produzimos um texto ou montamos o layout do site pode impossibilitar o acesso para muita gente. <a title=\"Empatia na telinha: a import\u00e2ncia da representatividade de PCDs\" href=\"https:\/\/www.handtalk.me\/br\/blog\/representatividade-pcds\/\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\">Mas como come\u00e7ar?<\/span><\/a>\u00a0Nesse texto, vamos dar algumas dicas que ir\u00e3o melhorar a acessibilidade do seu site e que n\u00e3o precisam da ajuda de nenhum software espec\u00edfico para serem feitas.<\/p>\n<p>Algumas pequenas mudan\u00e7as fazem uma grande diferen\u00e7a!<\/p>\n<h3><span style=\"font-weight: 400;\">Aten\u00e7\u00e3o na hora da escrita!<\/span><\/h3>\n<p><strong>Na hora de escrever um texto, \u00e9 importante deixar o seu conte\u00fado o mais direto poss\u00edvel.<\/strong> Isso faz com que pessoas com dislexia ou que possuam defici\u00eancia intelectual consigam entender o que est\u00e1 escrito.<\/p>\n<p><span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.w3c.br\/pub\/Materiais\/PublicacoesW3C\/cartilha-w3cbr-acessibilidade-web-fasciculo-I.html\" target=\"_blank\" rel=\"noopener\">Na cartilha de acessibilidade na web da W3C Brasil<\/a><\/span>, voc\u00ea pode encontrar v\u00e1rias recomenda\u00e7\u00f5es para quem quer tornar o texto acess\u00edvel. Entre elas est\u00e3o: evitar frases redundantes e prolixas, n\u00e3o cometer erros de gram\u00e1tica, ortografia e pontua\u00e7\u00e3o, e n\u00e3o fazer uso de jarg\u00f5es, met\u00e1foras e abrevia\u00e7\u00f5es sem explica\u00e7\u00f5es pr\u00e9vias.<\/p>\n<p>Desta forma, um n\u00famero muito maior de pessoas &#8211; at\u00e9 mesmo as que n\u00e3o tem defici\u00eancia &#8211; ter\u00e1 bem mais facilidade na hora de compreender o seu conte\u00fado. E isso \u00e9 \u00f3timo, n\u00e3o \u00e9 mesmo?<\/p>\n<p><a href=\"https:\/\/acessibilidade.handtalk.me\/ebook-o-guia-final-de-ferramentas-de-acessibilidade-digital\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7572 size-full\" src=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2018\/07\/guiadeferramentas_bannerblog_01.png\" alt=\"Imagem de fundo roxo, com o sinal de acessibilidade \u00e0 esquerda. Ao lado direito da figura est\u00e1 escrito: o guia final de ferramentas de acessibilidade digital.\" width=\"750\" height=\"140\" srcset=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2018\/07\/guiadeferramentas_bannerblog_01.png 750w, https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2018\/07\/guiadeferramentas_bannerblog_01-300x56.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/p>\n<h3><span style=\"font-weight: 400;\">A formata\u00e7\u00e3o n\u00e3o \u00e9 menos importante<\/span><\/h3>\n<p>A maneira de formatar o texto \u00e9 muito importante para que as pessoas com defici\u00eancia consigam acess\u00e1-lo. Para te ajudar, a\u00ed v\u00e3o quatro dicas muito simples:<\/p>\n<ul>\n<li><strong>N\u00e3o justifique o seu texto!<\/strong> Ao fazer isso, criam-se espa\u00e7os irregulares entre as palavras o que dificulta a leitura para pessoas com defici\u00eancia intelectual e com dislexia.<\/li>\n<\/ul>\n<ul>\n<li>Tamb\u00e9m \u00e9 importante n\u00e3o fazer o uso de\u00a0<span style=\"text-decoration: underline;\"><a href=\"https:\/\/pt.wikipedia.org\/wiki\/Serifa\" target=\"_blank\" rel=\"noopener\">fontes serifadas<\/a>.<\/span>\u00a0Apesar de serem decorativas, elas atrapalham a leitura, dando um efeito polu\u00eddo e confuso ao texto.<\/li>\n<\/ul>\n<ul>\n<li><strong>Quando for destacar uma informa\u00e7\u00e3o, sublinhe ou use negrito<\/strong>: apenas mudar a cor da senten\u00e7a pode fazer com que pessoas com daltonismo n\u00e3o vejam a diferen\u00e7a.<\/li>\n<\/ul>\n<ul>\n<li><span style=\"text-decoration: underline;\"><a href=\"https:\/\/medium.com\/acessibilito\/6-pr%C3%A1ticas-ruins-que-prejudicam-usu%C3%A1rios-disl%C3%A9xicos-942c5a6f1dc0\" target=\"_blank\" rel=\"noopener\">Coloque os links em uma frase toda<\/a>,<\/span> ou em um per\u00edodo um pouco maior do que o de apenas uma palavra. Isso faz com que pessoas com defici\u00eancia motora tenham muito mais facilidade de clicar.<\/li>\n<\/ul>\n<h3><span style=\"font-weight: 400;\">Pense na cara do seu site!<\/span><\/h3>\n<p><strong>Quando for pensar o layout de um site, a acessibilidade deve ser planejada desde o in\u00edcio.<\/strong> Desse modo, tente organizar as informa\u00e7\u00f5es da forma mais pr\u00e1tica poss\u00edvel, utilizando t\u00f3picos e separa\u00e7\u00f5es realmente importantes.<\/p>\n<p>Al\u00e9m disso, a paleta de cores escolhida tamb\u00e9m \u00e9 uma quest\u00e3o central. Isso porque nem todos enxergam as tonalidades da mesma forma. Pessoas com daltonismo, por exemplo, podem n\u00e3o compreender a informa\u00e7\u00e3o que voc\u00ea deseja transmitir dependendo da cor que for utilizada. Voc\u00ea pode simular a vis\u00e3o de um dalt\u00f4nico <span style=\"text-decoration: underline;\"><a href=\"https:\/\/enchroma.com\/pages\/test\" target=\"_blank\" rel=\"noopener\">em ferramentas como o ColorBlind<\/a>.<\/span>\u00a0 Assim, d\u00e1 para ter uma ideia muito melhor de quais cores escolher.<\/p>\n<p>Uma outra dica \u00e9 n\u00e3o utilizar uma fonte totalmente preta sobre um fundo totalmente branco: isso torna as palavras turvas para pessoas com dislexia e as impossibilita de ler o seu conte\u00fado.<\/p>\n<p><strong>Viu s\u00f3? Algumas medidas simples e que s\u00f3 requerem um pouquinho mais de aten\u00e7\u00e3o fazem toda a diferen\u00e7a para tornar o seu conte\u00fado muito mais acess\u00edvel.\u00a0<\/strong><a title=\"Os brasileiros que querem transformar o mundo com a tecnologia assistiva\" href=\"https:\/\/www.handtalk.me\/br\/blog\/empresas-tecnologia-assistiva\/?utm_source=Blog&amp;utm_medium=DicasF%C3%A1ceis_Link\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\">Existem v\u00e1rias outras ferramentas que podem te auxiliar<\/span><\/a>\u00a0a se aprofundar ainda mais nessa quest\u00e3o, mas essas dicas j\u00e1 v\u00e3o te ajudar para um bom come\u00e7o na acessibilidade digital!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Deixar o seu site acess\u00edvel significa, em outras palavras, possibilitar que o seu conte\u00fado seja compreendido por todas as pessoas. Se considerarmos a comunidade surda, por exemplo, muitos sites est\u00e3o inacess\u00edveis para grande parte dela. Isso acontece por conta da falta de acessibilidade em Libras. E essa \u00e9 apenas uma das defici\u00eancias existentes. Todas as [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":4810,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,14],"tags":[52,137,390,427,463,125,316,317,158,464,127,282,465],"class_list":["post-2475","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-acessibilidade","category-acessibilidade-digital","tag-acessibilidade","tag-amigo-do-surdo","tag-autoescola","tag-conteudo","tag-conteudo-acessivel","tag-daltonismo","tag-deficiencia-motora","tag-deficiencia-visual","tag-dicas","tag-dicas-simples","tag-dislexia","tag-site","tag-texto"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/2475","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/comments?post=2475"}],"version-history":[{"count":0,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/2475\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media\/4810"}],"wp:attachment":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media?parent=2475"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/categories?post=2475"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/tags?post=2475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}