{"id":1866,"date":"2023-01-03T21:39:22","date_gmt":"2023-01-04T00:39:22","guid":{"rendered":"https:\/\/alpinista.com.br\/conteudos\/?p=1866"},"modified":"2025-05-12T23:20:42","modified_gmt":"2025-05-13T02:20:42","slug":"acessibilidade-digital-2","status":"publish","type":"post","link":"https:\/\/alpinista.com.br\/conteudos\/acessibilidade-digital-2\/","title":{"rendered":"Acessibilidade digital: Como criar projetos web acess\u00edveis"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">A acessibilidade digital \u00e9 um conceito que tem se destacado nos \u00faltimos tempos, afinal, a internet sempre se prop\u00f4s a ser um ambiente para todos &#8211; o que n\u00e3o era bem uma realidade.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Apesar da proposta inclusiva, a internet sempre contou com algumas barreiras que dificultam ou impedem a navega\u00e7\u00e3o de pessoas com defici\u00eancia f\u00edsica ou intelectual, neurot\u00edpicas, idosos, pessoas com baixa mobilidade, baixa vis\u00e3o e tantas outras quest\u00f5es.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">E \u00e9 para contornar essa <\/span> <span style=\"font-weight: 400;\">quest\u00e3o que a acessibilidade surgiu e vem sendo posta em pr\u00e1tica, sendo, inclusive, uma obriga\u00e7\u00e3o de toda empresa que esteja no Brasil e mantenha um site na internet.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Se o conceito \u00e9 novo para voc\u00ea, web designer, e voc\u00ea ainda n\u00e3o sabe como tornar seus projetos mais acess\u00edveis, este artigo vai te ajudar!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Continue a leitura e confira o que \u00e9, qual a import\u00e2ncia e como aplicar a acessibilidade digital em seu site e de seus clientes.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Vamos l\u00e1?<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">O que \u00e9 a acessibilidade digital<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Segundo o <\/span><a href=\"https:\/\/www.gov.br\/governodigital\/pt-br\/acessibilidade-digital#:~:text=Acessibilidade%20Digital%20%C3%A9%20a%20elimina%C3%A7%C3%A3o,maneira%20efetiva%20com%20as%20p%C3%A1ginas.\" rel=\"nofollow noopener\" target=\"_blank\"><span style=\"font-weight: 400;\">Governo Federal<\/span><\/a><span style=\"font-weight: 400;\">, podemos definir a acessibilidade digital como a elimina\u00e7\u00e3o das barreiras existentes na internet, garantindo que os sites e portais sejam desenvolvidos de forma a serem acessados por todas as pessoas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Al\u00e9m do acesso aos sites, \u00e9 claro, a acessibilidade digital tamb\u00e9m busca tornar poss\u00edvel a intera\u00e7\u00e3o, navega\u00e7\u00e3o, entendimento e percep\u00e7\u00e3o dos elementos presentes nos sites, independente das limita\u00e7\u00f5es que o usu\u00e1rio possa ter.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Desta forma, idosos, PCD, pessoas com baixa mobilidade, com baixa vis\u00e3o, dalt\u00f4nicos, pessoas neuroat\u00edpicas (como os autistas) e quem mais quiser, poder\u00e1 acessar e navegar pelos sites sem impedimentos.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Import\u00e2ncia da acessibilidade digital<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Entendendo o conceito de acessibilidade digital, \u00e9 f\u00e1cil entender tamb\u00e9m a sua import\u00e2ncia, n\u00e3o \u00e9?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A acessibilidade digital \u00e9 importante e necess\u00e1ria para que a internet se torne o ambiente inclusivo e sem barreiras que se prop\u00f5e a ser, para que pessoas, apesar de suas limita\u00e7\u00f5es, possam ter autonomia e liberdade para acessarem a web.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">E, se a inclus\u00e3o social n\u00e3o te parece motivo o bastante para criar projetos web acess\u00edveis ou se isso n\u00e3o for o bastante para seus clientes, saiba que tornar um site acess\u00edvel pode aumentar os acessos que ele recebe, al\u00e9m de melhorar o posicionamento do ranking do google.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para entender melhor como o google interpreta a acessibilidade e como ela pode ser vantajosa para seus clientes, confira tamb\u00e9m <\/span><a href=\"https:\/\/alpinista.com.br\/conteudos\/acessibilidade-digital\/\"><span style=\"font-weight: 400;\">este artigo<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Como criar um site acess\u00edvel<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Criar um site acess\u00edvel ou, ao menos, mais acess\u00edvel do que a maioria, pode ser bem mais simples do que parece.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Abaixo, listamos algumas a\u00e7\u00f5es simples que voc\u00ea pode executar durante a cria\u00e7\u00e3o dos sites de seus clientes para torn\u00e1-los mais acess\u00edveis. veja s\u00f3:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Planeje toda a estrutura do site, pensando em como tornar o caminho da home para as demais p\u00e1ginas o mais curto e simples poss\u00edvel, al\u00e9m de descrever o que o visitante encontrar\u00e1 em cada uma delas;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Adicionar texto alternativo e descri\u00e7\u00e3o em todas as imagens do site, apresentando os elementos presentes na imagem, o contexto, a\u00e7\u00e3o realizada e, em caso de lojas virtuais, o m\u00e1ximo de detalhes poss\u00edvel sobre os produtos;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use a hierarquia de t\u00edtulos corretamente, dando aos t\u00edtulos e subt\u00edtulos o devido destaque, para que o Google e os visitantes entendam com facilidade sobre o que se trata o conte\u00fado exibido;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Torne o conte\u00fado naveg\u00e1vel pelo teclado, criando atalhos para as teclas TAB e Shift;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Quando houver hiperlinks, evite usar palavras pouco claras como &#8220;mais&#8221; e &#8220;clique aqui&#8221;, preferindo &#8220;confira tamb\u00e9m este conte\u00fado&#8221; ou &#8220;saiba mais sobre neste artigo\u2026&#8221;;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Procure usar legendas e \u00e1udio descri\u00e7\u00e3o nos v\u00eddeos;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use plugins (n\u00e3o do WordPress) que disponibilizam o conte\u00fado do site em libras, como o <\/span><a href=\"https:\/\/www.handtalk.me\/br\/plugin\/\" rel=\"nofollow noopener\" target=\"_blank\"><span style=\"font-weight: 400;\">Hand Talk<\/span><\/a><span style=\"font-weight: 400;\">;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Evite v\u00eddeos e anima\u00e7\u00f5es muito coloridos, com muitas luzes ou que mudam de imagem muito rapidamente, pois eles podem causar ataques epil\u00e9ticos e similares.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Parece bem simples, n\u00e3o \u00e9? E \u00e9 mesmo! Trazer a acessibilidade digital para seus projetos pode ser uma atividade muito simples de executar, mas que, em contrapartida, far\u00e3o uma grande diferen\u00e7a na vida de quem acessa esses sites.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">E, como podemos perceber, muitas dessas a\u00e7\u00f5es est\u00e3o ligadas ao SEO, o que torna sua aplica\u00e7\u00e3o ainda mais necess\u00e1ria.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Gostou desse conte\u00fado? Ent\u00e3o n\u00e3o deixe de compartilhar e conferir as novas aulas l\u00e1 na plataforma da UP Academy (antigo setor de educa\u00e7\u00e3o da Alpinista Digital)!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Por lei, toda empresa no Brasil que tenha um site, precisa assegurar a acessibilidade deste site. Confira neste artigo alguns passos para desenvolver sites acess\u00edveis e garantir a acessibilidade digital em seus projetos web.<\/p>\n","protected":false},"author":5,"featured_media":1868,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[113],"tags":[],"class_list":["post-1866","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnologia"],"_links":{"self":[{"href":"https:\/\/alpinista.com.br\/conteudos\/wp-json\/wp\/v2\/posts\/1866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alpinista.com.br\/conteudos\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alpinista.com.br\/conteudos\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alpinista.com.br\/conteudos\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/alpinista.com.br\/conteudos\/wp-json\/wp\/v2\/comments?post=1866"}],"version-history":[{"count":1,"href":"https:\/\/alpinista.com.br\/conteudos\/wp-json\/wp\/v2\/posts\/1866\/revisions"}],"predecessor-version":[{"id":15517,"href":"https:\/\/alpinista.com.br\/conteudos\/wp-json\/wp\/v2\/posts\/1866\/revisions\/15517"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alpinista.com.br\/conteudos\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/alpinista.com.br\/conteudos\/wp-json\/wp\/v2\/media?parent=1866"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alpinista.com.br\/conteudos\/wp-json\/wp\/v2\/categories?post=1866"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alpinista.com.br\/conteudos\/wp-json\/wp\/v2\/tags?post=1866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}