{"id":18727,"date":"2023-04-03T14:11:59","date_gmt":"2023-04-03T17:11:59","guid":{"rendered":"https:\/\/sitebemfeito.com.br\/blog\/?p=18727"},"modified":"2023-04-03T14:34:03","modified_gmt":"2023-04-03T17:34:03","slug":"site-para-pessoas-com-deficiencia","status":"publish","type":"post","link":"https:\/\/sitebemfeito.com.br\/blog\/site-para-pessoas-com-deficiencia\/","title":{"rendered":"Site para pessoas com defici\u00eancia: como criar um?"},"content":{"rendered":"<p><strong>Criar um <\/strong><b>site para pessoas com defici\u00eancia<\/b><span style=\"font-weight: 400;\"> \u00e9 muito importante para promover a acessibilidade \u00e0s pessoas em todos os canais da internet.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Os portadores de defici\u00eancia tamb\u00e9m encontram barreiras na hora de acessar a internet e milh\u00f5es de pessoas s\u00e3o afetadas com esse problema no mundo todo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Elas apresentam dificuldades motoras, cognitivas ou sensoriais, e dependem de progressos na acessibilidade na internet para n\u00e3o ficarem isoladas do desenvolvimento social, econ\u00f4mico e educativo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As pessoas costumam passar quase sete horas navegando na internet todos os dias, de acordo com um levantamento publicado pelas empresas <\/span><i><span style=\"font-weight: 400;\">Hootsuite<\/span><\/i><span style=\"font-weight: 400;\"> e <\/span><i><span style=\"font-weight: 400;\">We Are Social<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">No entanto, apesar dessa quantidade de tempo, a internet continua sendo inalcan\u00e7\u00e1vel para muitas pessoas que apresentam certos tipos de defici\u00eancia. Isso \u00e9 injusto porque o universo digital est\u00e1 cada vez mais presente na sociedade.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A internet e os <a href=\"https:\/\/sitebemfeito.com.br\/\" target=\"_blank\" rel=\"noopener\">websites<\/a> se tornaram a maior fonte de informa\u00e7\u00f5es, al\u00e9m do canal mais importante para divulgar produtos e servi\u00e7os. Com as redes sociais, a comunica\u00e7\u00e3o na web tamb\u00e9m cresceu muito, assim como v\u00e1rias outras atividades do dia a dia.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ela precisa ser acess\u00edvel para todos, por isso, este artigo vai explicar o que \u00e9 acessibilidade web, quais s\u00e3o os tipos de defici\u00eancia que afetam a experi\u00eancia nos sites, as melhores pr\u00e1ticas para garantir a acessibilidade e como test\u00e1-la.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">O que \u00e9 acessibilidade web?<\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18728 size-full\" src=\"https:\/\/sitebemfeito.com.br\/blog\/wp-content\/uploads\/2023\/04\/site-para-pessoas-com-necessidades.webp\" alt=\"como criar sites para pessoas com defici\u00eancia\" width=\"1000\" height=\"667\" srcset=\"https:\/\/sitebemfeito.com.br\/blog\/wp-content\/uploads\/2023\/04\/site-para-pessoas-com-necessidades.webp 1000w, https:\/\/sitebemfeito.com.br\/blog\/wp-content\/uploads\/2023\/04\/site-para-pessoas-com-necessidades-300x200.webp 300w, https:\/\/sitebemfeito.com.br\/blog\/wp-content\/uploads\/2023\/04\/site-para-pessoas-com-necessidades-768x512.webp 768w, https:\/\/sitebemfeito.com.br\/blog\/wp-content\/uploads\/2023\/04\/site-para-pessoas-com-necessidades-360x240.webp 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Acessibilidade web \u00e9 um conceito que combina programa\u00e7\u00e3o, tecnologia e design para construir uma internet mais acess\u00edvel e justa para todos os usu\u00e1rios. Dessa forma, qualquer pessoa pode navegar, aprender e interagir de maneira plena.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A ind\u00fastria e a arquitetura criam objetos, espa\u00e7os e ve\u00edculos adaptados \u00e0s necessidades das pessoas que apresentam mobilidade reduzida ou problemas cognitivos, e a internet precisa fazer a mesma coisa.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Portadores de defici\u00eancia tamb\u00e9m precisam consumir diversos tipos de produtos e servi\u00e7os, desde um prato em um servi\u00e7o de delivery at\u00e9<\/span> <a href=\"https:\/\/conexoes.conecfit.com.br\/valvula-de-processo-solenoide-de-alta-pressao\" target=\"_blank\" rel=\"noopener\"><b>v\u00e1lvula de processo<\/b><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Esse processo \u00e9 conduzido pela iniciativa WAI que trabalha essa quest\u00e3o a n\u00edvel mundial, zelando para que os sites e seus conte\u00fados garantam o m\u00ednimo de usabilidade e acessibilidade universal para qualquer internauta.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">S\u00e3o plataformas que devem estar acess\u00edveis para as pessoas, independentemente de suas limita\u00e7\u00f5es f\u00edsicas, sensoriais ou intelectuais. Os pr\u00f3prios sites se beneficiam com isso por conta de v\u00e1rios fatores, como:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mais visitantes;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Conex\u00e3o mais r\u00e1pida;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Bom posicionamento;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Boa reputa\u00e7\u00e3o online;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Poupan\u00e7a de banda larga;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mais compatibilidade com navegadores.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Contudo, para criar um site realmente capaz de atender todos os p\u00fablicos, primeiro \u00e9 necess\u00e1rio saber quais s\u00e3o as defici\u00eancias que afetam a experi\u00eancia de navega\u00e7\u00e3o.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Defici\u00eancias que afetam a navega\u00e7\u00e3o<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Para garantir acessibilidade ao site, \u00e9 muito importante conhecer a diversidade da defici\u00eancia porque existem tipos diferentes que podem afetar a experi\u00eancia durante a navega\u00e7\u00e3o em um site.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Neg\u00f3cios dos mais variados tipos, como uma cl\u00ednica especializada em <\/span><a href=\"https:\/\/www.hevelynestetica.com.br\/peeling-para-rosto\/ozonioterapia-papada\" target=\"_blank\" rel=\"noopener\"><b>ozonioterapia papada<\/b><\/a><span style=\"font-weight: 400;\">, ao criarem sites acess\u00edveis para essas pessoas colaboram com a autonomia dos portadores de defici\u00eancia.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Uma das que mais atrapalham a experi\u00eancia dos usu\u00e1rios \u00e9 a cegueira, ou seja, pessoas que apresentam comprometimento visual em ambos os olhos e n\u00e3o conseguem perceber formas e luz.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Eles precisam contar com tecnologia assistiva, principalmente leitores de tela, visto que navegam na internet usando teclado ao inv\u00e9s de mouse e conseguem acessar as informa\u00e7\u00f5es por meio de sintetizadores de voz ou um display de braille.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Outra situa\u00e7\u00e3o muito comum s\u00e3o os deficientes auditivos, uma situa\u00e7\u00e3o que pode variar de leve a moderada, podendo ser em um ou em ambos os ouvidos, o que vai agravando o quadro do portador.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dependendo do qu\u00e3o severa \u00e9 sua situa\u00e7\u00e3o, algumas pessoas conseguem ouvir sons, mas n\u00e3o \u00e9 o suficiente para compreender o que est\u00e1 sendo dito, principalmente se no espa\u00e7o ao redor houver muito ru\u00eddo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Portadores de surdez severa experimentam muitas dificuldades com a fala e costumam ser adeptos da l\u00edngua Brasileira de Sinais (Libras).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Uma empresa de <\/span><a href=\"https:\/\/www.epmpontesrolantes.com.br\/pontes-rolantes\/manutencao-de-ponte-rolante\" target=\"_blank\" rel=\"noopener\"><b>manuten\u00e7\u00e3o em ponte rolante<\/b><\/a><span style=\"font-weight: 400;\"> pode promover seu site institucional como uma forma de inclus\u00e3o porque 80% das pessoas surdas no mundo n\u00e3o recebem educa\u00e7\u00e3o, principalmente mulheres, meninas e surdos em pa\u00edses em desenvolvimento.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Conceituando a defici\u00eancia intelectual<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Pessoas com defici\u00eancia intelectual, normalmente, possuem um quadro neurol\u00f3gico alterado e re\u00fanem uma restri\u00e7\u00e3o cognitiva, bem como dist\u00farbios comportamentais e de sa\u00fade mental que nem sempre s\u00e3o neurol\u00f3gicos.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00c9 uma condi\u00e7\u00e3o que pode afetar a maneira como a pessoa ouve, enxerga, fala, se move ou entende as informa\u00e7\u00f5es. Na internet, costumam ter dificuldades com blocos de textos justificados, visto que espa\u00e7os desiguais entre as palavras dificultam a leitura.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sendo assim, a defici\u00eancia f\u00edsica tamb\u00e9m atrapalha muito a experi\u00eancia dentro de um site porque s\u00e3o pessoas que apresentam movimentos involunt\u00e1rios, dist\u00farbios de articula\u00e7\u00f5es, dores que impedem o movimento, aus\u00eancia de membros e limita\u00e7\u00e3o de sensa\u00e7\u00e3o.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tamb\u00e9m podem apresentar falta de coordena\u00e7\u00e3o motora e paralisia, por isso, sentem muitas dificuldades em utilizar o mouse ou o teclado, precisando de muito mais tempo para digitar e executar outras intera\u00e7\u00f5es.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Melhores pr\u00e1ticas para criar um site para pessoas com defici\u00eancia<\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18731 size-full\" src=\"https:\/\/sitebemfeito.com.br\/blog\/wp-content\/uploads\/2023\/04\/web-acessivel.webp\" alt=\"como criar sites para pessoas com defici\u00eancia\" width=\"1000\" height=\"667\" srcset=\"https:\/\/sitebemfeito.com.br\/blog\/wp-content\/uploads\/2023\/04\/web-acessivel.webp 1000w, https:\/\/sitebemfeito.com.br\/blog\/wp-content\/uploads\/2023\/04\/web-acessivel-300x200.webp 300w, https:\/\/sitebemfeito.com.br\/blog\/wp-content\/uploads\/2023\/04\/web-acessivel-768x512.webp 768w, https:\/\/sitebemfeito.com.br\/blog\/wp-content\/uploads\/2023\/04\/web-acessivel-360x240.webp 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Pensando nessas quest\u00f5es, uma empresa de <\/span><a href=\"https:\/\/despachante.foladordespachante.com.br\/desbloqueio-de-veiculo-media-monta\" target=\"_blank\" rel=\"noopener\"><b>desbloqueio sinistro m\u00e9dia monta<\/b><\/a><span style=\"font-weight: 400;\"> pode investir em boas pr\u00e1ticas para tornar seu site mais acess\u00edvel.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">No que diz respeito ao design, \u00e9 fundamental que o tamanho da fonte facilite a leitura, as cores sigam regras de contraste que ajudem a identificar elementos e os links precisam ser facilmente identificados e n\u00e3o se confundirem com blocos de texto.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Links que direcionam para fora do site e precisam ser facilmente identificados, bem como todo elemento informativo, como os \u00edcones, precisam de um elemento textual com sua descri\u00e7\u00e3o.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Deve-se evitar o alinhamento centralizado nos blocos de texto e n\u00e3o usar textos justificados. Formata\u00e7\u00f5es, como fonte em it\u00e1lico, tamb\u00e9m dificultam a compreens\u00e3o, e o espa\u00e7amento entre os elementos precisa ser n\u00edtido para n\u00e3o deixar d\u00favidas sobre o conte\u00fado.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">No site de um fabricante de <\/span><a href=\"https:\/\/www.demaqui.com.br\/liquidificadores\" target=\"_blank\" rel=\"noopener\"><b>liquidificadores<\/b><\/a><span style=\"font-weight: 400;\">, o usu\u00e1rio tem total controle sobre as anima\u00e7\u00f5es, o que \u00e9 muito importante para os portadores de defici\u00eancia.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para o conte\u00fado em si, tamb\u00e9m existem algumas a\u00e7\u00f5es importantes, por exemplo, todo o conte\u00fado digital n\u00e3o textual precisa de uma descri\u00e7\u00e3o, como no caso de ilustra\u00e7\u00f5es, GIFs, gr\u00e1ficos, tabelas e fotos.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00c9 essencial evitar a redund\u00e2ncia na descri\u00e7\u00e3o e ser o mais direto poss\u00edvel, bem como evitar adjetivos que representam ju\u00edzo de valor, como feio ou bonito.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00c9 muito importante que os conte\u00fados em v\u00eddeo tenham audiodescri\u00e7\u00e3o e ela precisa contextualizar o material em v\u00eddeo, mas sem atrapalhar a compreens\u00e3o do \u00e1udio original.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Os conte\u00fados em \u00e1udio tamb\u00e9m precisam de transcri\u00e7\u00e3o em texto por causa dos deficientes auditivos, e nas redes sociais, \u00e9 imprescind\u00edvel contar com recursos para que todos os usu\u00e1rios possam visitar o perfil da empresa.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Como testar um site para pessoas com defici\u00eancia<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Se uma gr\u00e1fica especializada em <\/span><a href=\"https:\/\/grafica.gmfgrafica.com.br\/banners-personalizados\/banner-infantil-personalizado\/fornecedor-de-banner-infantil-personalizado-santa-cruz\" target=\"_blank\" rel=\"noopener\"><b>banner infantil personalizado<\/b><\/a><span style=\"font-weight: 400;\"> quiser saber se seu site institucional \u00e9 realmente acess\u00edvel, precisa realizar alguns testes.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00c9 poss\u00edvel testar usando ferramentas automatizadas, sinto a forma mais pr\u00e1tica de se certificar, embora n\u00e3o seja uma a\u00e7\u00e3o completa.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Isso porque as ferramentas v\u00e3o trazer alguns retornos sobre o c\u00f3digo ou quest\u00f5es espec\u00edficas, como tamanho da fonte e contraste de cores.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Existem v\u00e1rias ferramentas que podem ser usadas, como no caso do ASES (Avaliador e Simulador de Acessibilidade em S\u00edtios), desenvolvido pelo pr\u00f3prio Governo Federal.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Entretanto, a empresa tamb\u00e9m pode fazer uma verifica\u00e7\u00e3o manual, algo que embora seja exaustivo, consegue cobrir todas as recomenda\u00e7\u00f5es sobre as otimiza\u00e7\u00f5es necess\u00e1rias para garantir a acessibilidade.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para come\u00e7ar, o respons\u00e1vel pelo site de uma <\/span><a href=\"http:\/\/www.ignislimp.com.br\/equipamento-de-limpeza\/fabrica-de-detergente-liquido-zona-leste-zona-sul\" target=\"_blank\" rel=\"noopener\"><b>f\u00e1brica de detergente liquido<\/b><\/a><span style=\"font-weight: 400;\"> pode cobrir princ\u00edpios espec\u00edficos, percept\u00edveis, oper\u00e1veis, compreens\u00edveis ou robustos e contar com o uso de acessibilidade toolkit para saber quais s\u00e3o as diretrizes.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">O profissional pode consultar ao passo que faz a verifica\u00e7\u00e3o, ou at\u00e9 mesmo dividir as cartas entre os membros da equipe, dispon\u00edveis digitalmente em um guia.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Al\u00e9m disso, existe a possibilidade de testar com pessoas reais, que apresentam necessidades f\u00edsicas ou neurol\u00f3gicas reais e com isso se certificar de que o site realmente apresenta um bom n\u00edvel de acessibilidade.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dentro da plataforma de uma<\/span> <a href=\"https:\/\/higienizacao.lavanderiaindoor.com\/lavanderia-de-uniformes-industriais\" target=\"_blank\" rel=\"noopener\"><b>lavanderia de uniforme<\/b><\/a><span style=\"font-weight: 400;\">, fazer o teste com um portador de defici\u00eancia tamb\u00e9m \u00e9 uma forma de compreender como acontece sua experi\u00eancia e com isso implementar melhorias mais significativas e efetivas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00c9 interessante solicitar o feedback dessas pessoas e pedir suas sugest\u00f5es, perguntando sobre os sites e aplicativos que eles usam, se est\u00e3o tendo uma boa experi\u00eancia com eles e como costumam usar.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Considera\u00e7\u00f5es finais<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">A internet se tornou o maior meio de comunica\u00e7\u00e3o do mundo, por isso, \u00e9 muito importante que todas as pessoas, independentemente de suas condi\u00e7\u00f5es f\u00edsicas ou mentais, possam acessar as plataformas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Elas tamb\u00e9m t\u00eam necessidade de aprendizado, precisam se manter informadas, gostam de aprender, sentem necessidades de comprar algum produto ou servi\u00e7o, entre outras coisas que acontecem na internet.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sites acess\u00edveis s\u00e3o mais justos e conseguem at\u00e9 mesmo alcan\u00e7ar um bom posicionamento nos resultados de pesquisa por oferecer conte\u00fado para todos.<\/span><\/p>\n<p>Considere tamb\u00e9m, contratar uma ag\u00eancia especializada para realizar a <a href=\"https:\/\/websitegrow.com.br\/\" target=\"_blank\" rel=\"noopener\">manuten\u00e7\u00e3o do site<\/a>, mantendo-se sempre atualizado e seguro.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Criar um site para pessoas com defici\u00eancia \u00e9 muito importante para promover a acessibilidade \u00e0s pessoas em todos os canais da internet&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":18734,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35],"tags":[],"class_list":{"0":"post-18727","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-desenvolvimento-web"},"_links":{"self":[{"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/posts\/18727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/comments?post=18727"}],"version-history":[{"count":0,"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/posts\/18727\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/media\/18734"}],"wp:attachment":[{"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/media?parent=18727"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/categories?post=18727"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/tags?post=18727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}