As diretrizes fornecidas pelo World Wide Web Consortium, bem como pelos governos locais, t\u00eam auxiliado os designers a preencher as lacunas no que diz respeito \u00e0 usabilidade e acessibilidade. No entanto, isso n\u00e3o necessariamente torna um website<\/a> completamente inclusivo. <\/p>\n\n Na seguinte publica\u00e7\u00e3o, examinaremos o que significa design inclusivo, seu valor no design web, bem como o que voc\u00ea precisa considerar ao projetar interfaces e intera\u00e7\u00f5es inclusivas.<\/p>\n\n Aprenda Como Projetar para Acessibilidade Web<\/a><\/p>\n\n O design web inclusivo remove vieses e pressupostos de um website para que os usu\u00e1rios n\u00e3o se sintam exclu\u00eddos devido a uma defici\u00eancia, caracter\u00edsticas demogr\u00e1ficas ou outras circunst\u00e2ncias tempor\u00e1rias ou permanentes. <\/p>\n\n Tanto o design web acess\u00edvel quanto o design UX s\u00e3o componentes cr\u00edticos de um website inclusivo. O design acess\u00edvel<\/a> \u00e9 o processo de remover as barreiras de entrada para pessoas com defici\u00eancias e outras limita\u00e7\u00f5es. O design UX<\/a> \u00e9 uma abordagem de design baseada em dados que testa e valida como os usu\u00e1rios reais interagem com um website. <\/p>\n\n Devido a isso, h\u00e1 muito a considerar no design inclusivo, pois n\u00e3o \u00e9 estritamente a defici\u00eancia de um usu\u00e1rio que pode impedi-lo de utilizar plenamente ou ficar satisfeito com um website. Os designers web tamb\u00e9m podem encontrar problemas ao criar experi\u00eancias para um conjunto exclusivo de usu\u00e1rios.<\/p>\n\n Sendo assim, os designers web precisam considerar os seguintes fatores: <\/p>\n\n Em resumo: O design inclusivo, em \u00faltima an\u00e1lise, se traduz em design universal. <\/p>\n\n Os designers web disp\u00f5em de uma variedade de ferramentas para abordar o aspecto de acessibilidade do design inclusivo. Por exemplo, ferramentas de acessibilidade do WordPress<\/a>, verificadores de acessibilidade web, diretrizes WAI-ARIA<\/a> e outros recursos podem facilitar o design e a implementa\u00e7\u00e3o acess\u00edveis.<\/p>\n\n No entanto, o design inclusivo requer uma compreens\u00e3o mais profunda das limita\u00e7\u00f5es que os usu\u00e1rios podem enfrentar na web. N\u00e3o existe uma ferramenta que possa escanear seu website e confirmar que voc\u00ea criou a experi\u00eancia mais diversa e equitativa poss\u00edvel. \u00c9 algo que voc\u00ea ter\u00e1 que aprender a implementar e verificar por conta pr\u00f3pria. <\/p>\n\n Existem diversas raz\u00f5es pelas quais os designers web precisam fazer da acessibilidade e da inclusividade parte integrante de cada website que constroem. Vamos examinar primeiramente como um website n\u00e3o inclusivo prejudica a todos: <\/p>\n\n Em 2021, o WebAIM publicou os resultados de sua Pesquisa com Usu\u00e1rios de Leitores de Tela n\u00ba 9<\/a>. 7,7% dos participantes da pesquisa afirmaram que precisam utilizar um leitor de tela quando est\u00e3o online. <\/p>\n\n Quando indagados sobre o estado atual da acessibilidade na Internet, apenas 39,3% disseram que ela estava mais acess\u00edvel do que em anos anteriores. 42,3% sentiram que nada havia mudado, enquanto 18,5% disseram que estava pior. <\/p>\n\n De acordo com Mike Gifford da CivicActions<\/a>, pode ser mais do que 7,7% da popula\u00e7\u00e3o que experimenta inacessibilidade e compartilha esses sentimentos: <\/p>\n\n “A combina\u00e7\u00e3o de defici\u00eancias e m\u00e9todos pelos quais as pessoas superam barreiras \u00e9 extremamente diversa. Eticamente, construir para nossos usu\u00e1rios menos favorecidos deve receber a mais alta prioridade. Infelizmente, com nossa constante busca pelo novo e chamativo, estamos regularmente excluindo 10-20% de nossos concidad\u00e3os.”<\/em><\/p>\n\n De acordo com a Ordem dos Advogados Americana<\/a>, foram registrados 8.000 processos do T\u00edtulo III da Lei dos Americanos com Defici\u00eancias nos tribunais federais entre 2017 e 2020. Esse n\u00famero saltou 14,3% para 2.352 processos apenas em 2021, segundo a Accessibility.com<\/a>.<\/p>\n\n H\u00e1 outros que podem se sentir exclu\u00eddos de um website, mas n\u00e3o t\u00eam recurso legal. Por exemplo, o World Data Lab afirma que existem 1,1 bilh\u00e3o de pessoas em situa\u00e7\u00e3o de pobreza de internet<\/a>. Em alguns casos, isso significa que elas n\u00e3o podem arcar com planos de dados m\u00f3veis. Em outros casos, elas podem, mas n\u00e3o obt\u00eam dados suficientes para usar, ent\u00e3o n\u00e3o podem se dar ao luxo de gastar tempo em websites que consomem muitos recursos. <\/p>\n\n H\u00e1 tamb\u00e9m a popula\u00e7\u00e3o idosa a ser considerada. O Pew Research Center<\/a> constatou que o n\u00famero de idosos utilizando a Internet cresceu nos \u00faltimos anos. Dito isto, a TechCrunch relata<\/a> que aproximadamente 50% dos adultos mais velhos necessitam de ajuda de algu\u00e9m para configurar e utilizar novas tecnologias digitais. Al\u00e9m disso, 40% dos idosos s\u00e3o digitalmente analfabetos na cidade de S\u00e3o Francisco \u2014 justamente ao lado do Vale do Sil\u00edcio, de todos os lugares. <\/p>\n\n Mesmo que seu website n\u00e3o seja alvo de processos judiciais, considere o que perder 20% ou mais de seus visitantes devido a um design n\u00e3o inclusivo far\u00e1 para a viabilidade a longo prazo de uma marca. Esse \u00e9 um segmento enorme do p\u00fablico que desaparecer\u00e1 simplesmente porque o website n\u00e3o \u00e9 acolhedor ou utiliz\u00e1vel. <\/p>\n\n Quando voc\u00ea projeta um website para ser inclusivo, voc\u00ea o projeta de modo que todos que desejam possam interagir plenamente com ele e n\u00e3o se sintam exclu\u00eddos. Todos ganham quando a Internet se torna um lugar inclusivo: <\/p>\n\n O design web inclusivo leva a um melhor design de produto. <\/strong><\/p>\n\n De websites a aplicativos m\u00f3veis e tudo mais, o design inclusivo obriga os designers a retornarem aos fundamentos do bom design, us\u00e1vel e emp\u00e1tico. <\/p>\n\n As marcas alcan\u00e7am um p\u00fablico maior. <\/strong><\/p>\n\n Uma marca que prioriza uma experi\u00eancia universalmente positiva para todos e n\u00e3o apenas para o usu\u00e1rio ideal atrair\u00e1 uma base mais leal de usu\u00e1rios que tamb\u00e9m valorizam a inclusividade e a equidade. <\/p>\n\n Os usu\u00e1rios se sentem melhor ao interagir com websites inclusivos. <\/strong><\/p>\n\n As pessoas passam tanto tempo em frente \u00e0s telas que problemas como s\u00edndrome do t\u00fanel do carpo, s\u00edndrome da vis\u00e3o do computador<\/a> e transtorno de depend\u00eancia da internet<\/a> s\u00e3o muito comuns atualmente. O design inclusivo e \u00e9tico pode ajudar os usu\u00e1rios a se sentirem melhor tanto mental quanto fisicamente.<\/p>\n\n O design web inclusivo ajuda os websites a obterem melhor classifica\u00e7\u00e3o nos resultados de pesquisa. <\/strong><\/p>\n\n A Google atualizou seu algoritmo de busca<\/a> h\u00e1 alguns anos, nomeando quatro fatores essenciais para criar a melhor experi\u00eancia na p\u00e1gina: Desempenho (velocidade), Acessibilidade, Melhores Pr\u00e1ticas (design e c\u00f3digo) e SEO (por exemplo, texto alternativo). O design inclusivo contribui para cada um desses fatores.<\/p>\n\n Com frequ\u00eancia, os designers criar\u00e3o personas fict\u00edcias no in\u00edcio dos projetos de websites. Isso os auxilia a visualizar e se relacionar com o usu\u00e1rio final para o qual est\u00e3o construindo o website. Tamb\u00e9m os ajuda a compreender como aquele usu\u00e1rio espec\u00edfico interagiria com o website. <\/p>\n\n Quando voc\u00ea inclui a inclusividade em seu processo de design web, suas descri\u00e7\u00f5es de personas de usu\u00e1rio precisar\u00e3o se ajustar de certa forma. As personas de usu\u00e1rio t\u00edpicas decomp\u00f5em o seguinte: <\/p>\n\n Personas de usu\u00e1rio inclusivas tamb\u00e9m precisar\u00e3o incluir: <\/p>\n\n Habilidade:<\/strong> Este \u00e9 o componente de acessibilidade da inclusividade. Voc\u00ea ter\u00e1 que antecipar como alguns de seus usu\u00e1rios podem estar limitados em termos de como eles utilizam e interagem com o website \u2014 f\u00edsica e cognitivamente. <\/p>\n\n Aptid\u00e3o:<\/strong> Se voc\u00ea analisar os dados sobre quantos usu\u00e1rios est\u00e3o online<\/a>, perceber\u00e1 que alguns de seus usu\u00e1rios podem n\u00e3o ser digitalmente alfabetizados. Desviar-se de estruturas e layouts b\u00e1sicos e n\u00e3o fornecer contexto suficiente (como r\u00f3tulos em formul\u00e1rios de contato) poderia se provar prejudicial \u00e0s experi\u00eancias desses usu\u00e1rios. <\/p>\n\n Atitude:<\/strong> Isto se refere a usu\u00e1rios que podem perceber websites como ambientes inseguros. Seja por estarem excessivamente preocupados com sua privacidade ou nervosos sobre encontrar malware, esses tipos de temores devem ser abordados com recursos de seguran\u00e7a e privacidade reconhec\u00edveis e confi\u00e1veis.<\/p>\n\n Acesso:<\/strong> Os usu\u00e1rios n\u00e3o precisam ser desprovidos de internet para terem acesso limitado \u00e0 web. Por exemplo, pouco mais da metade da popula\u00e7\u00e3o mundial tem acesso \u00e0 Internet em casa, de acordo com a UNESCO<\/a>. Isso n\u00e3o significa que eles n\u00e3o possam ficar online, apenas significa que eles t\u00eam que encontrar outras maneiras de acess\u00e1-la \u2014 como ir a uma biblioteca ou cybercaf\u00e9. Portanto, conectividade, hardware, software e at\u00e9 mesmo localiza\u00e7\u00e3o podem todos impactar o acesso. <\/p>\n\n Localiza\u00e7\u00e3o:<\/strong> Nunca \u00e9 seguro presumir que todos os usu\u00e1rios vivem no mesmo pa\u00eds, v\u00eam da mesma cultura e falam o mesmo idioma que voc\u00ea. Como tal, essas diferen\u00e7as devem ser abordadas ao criar personas de usu\u00e1rio inclusivas.<\/p>\n\n Para que o design inclusivo funcione, os web designers devem remover as suposi\u00e7\u00f5es, no\u00e7\u00f5es preconcebidas, bem como o favorecimento do usu\u00e1rio m\u00e9dio em detrimento do bem de todos os usu\u00e1rios. Para fazer isso com sucesso, os designers devem ser guiados pelos seguintes princ\u00edpios: <\/p>\n\n N\u00e3o existe um tamanho \u00fanico que sirva para todos no design web. Isso n\u00e3o significa que voc\u00ea tenha que construir websites ou p\u00e1ginas de destino diferentes para usu\u00e1rios diferentes. No entanto, significa adicionar recursos extras \u00e0 interface do usu\u00e1rio quando voc\u00ea acreditar que eles ajudar\u00e3o a diminuir a disparidade entre as experi\u00eancias de diferentes usu\u00e1rios. <\/p>\n\n Por exemplo, \u00e9 uma boa ideia incluir uma transcri\u00e7\u00e3o de um v\u00eddeo abaixo do arquivo incorporado. Dessa forma, usu\u00e1rios que n\u00e3o podem ou n\u00e3o querem ouvir ou assistir ao v\u00eddeo podem ler o texto. <\/p>\n\n O minimalismo \u00e9 uma tend\u00eancia duradoura no design web e com boa raz\u00e3o. N\u00e3o \u00e9 apenas porque cria interfaces mais agrad\u00e1veis visualmente, \u00e9 porque o minimalismo e a simplicidade abrem caminho para um design mais intuitivo. <\/p>\n\n A melhor maneira de abordar isso \u00e9 tratar um website como um produto m\u00ednimo vi\u00e1vel (MVP). Construa os recursos principais que o tornam um produto utiliz\u00e1vel e valioso. Ent\u00e3o, adicione elementos extras apenas onde forem necess\u00e1rios e tragam valor \u00e0 experi\u00eancia de todos. <\/p>\n\n Consist\u00eancia n\u00e3o significa que um website tenha que se tornar previs\u00edvel ou entediante. Voc\u00ea ainda pode ser criativo enquanto mant\u00e9m a consist\u00eancia.<\/p>\n\n Todos se beneficiam da consist\u00eancia no design. Ela remove a frustra\u00e7\u00e3o e confus\u00e3o causadas pelo mesmo elemento ou recurso apresentado de maneiras diferentes no mesmo website. Al\u00e9m disso, a consist\u00eancia com a forma como a maioria da web lida com elementos fundamentais \u2014 como a navega\u00e7\u00e3o do site \u2014 pode aprimorar a usabilidade de um site e acelerar o tempo de convers\u00e3o.<\/p>\n\n Al\u00e9m de considerar como as pessoas interagem com os sites, os designers tamb\u00e9m precisam levar em conta como elas preferem<\/em> interagir com os sites. Por exemplo, um site dominado por imagens pode ser muito dif\u00edcil para usu\u00e1rios que n\u00e3o s\u00e3o aprendizes visuais assimilarem o conte\u00fado. <\/p>\n\n Ao reunir o conte\u00fado para um site, certifique-se de que haja uma mistura equilibrada dele. Se houver apenas um tipo de conte\u00fado (como todo texto e nenhuma imagem), \u00e9 prov\u00e1vel que alguns de seus visitantes estejam em desvantagem no que diz respeito \u00e0 compreens\u00e3o ou facilidade de uso. <\/p>\n\n A equidade no design web refere-se a resultados equitativos. Em outras palavras, independentemente de quem seja o visitante, todos os visitantes devem ser capazes de concluir tarefas com facilidade.<\/p>\n\n \u00c9 aqui que o processo de design UX se mostra \u00fatil. Obter informa\u00e7\u00f5es em primeira m\u00e3o sobre os objetivos dos usu\u00e1rios e o que eles precisam para complet\u00e1-los ajuda os designers a criar intera\u00e7\u00f5es e jornadas de usu\u00e1rio sem atrito para todos. <\/p>\n\n Por exemplo, considere um componente de UI como um carrossel de imagens. A maneira inclusiva de projet\u00e1-lo seria desativar o recurso de deslizamento autom\u00e1tico. Em seguida, inclua capacidades de deslizar e clicar para que todos os usu\u00e1rios possam controlar o carrossel e seu ritmo.<\/p>\n\n O design inclusivo mitigar\u00e1 o erro humano. Isso significa projetar uma UI para prevenir o maior n\u00famero poss\u00edvel de erros, ao mesmo tempo em que fornece uma resposta tolerante e \u00fatil aos erros que ocorrem. Ao reduzir a frustra\u00e7\u00e3o ou vergonha associada a cometer erros, um design inclusivo faz mais para construir confian\u00e7a com os visitantes. <\/p>\n\n Este princ\u00edpio espec\u00edfico entra em jogo com mais frequ\u00eancia no ponto de engajamento. Por exemplo, os bot\u00f5es devem sempre ser projetados para que sejam grandes o suficiente para serem vistos e clicados. <\/p>\n\n Mensagens de erro em formul\u00e1rios de contato s\u00e3o outro bom exemplo. Ao exibir mensagens de erro inline em cor e tamanho que todos possam ler, voc\u00ea reduzir\u00e1 a probabilidade de erros repetidos. Voc\u00ea tamb\u00e9m ter\u00e1 um formul\u00e1rio de contato que parece mais \u00fatil do que um que fornece mensagens de erro vagas ou que ocorrem tarde demais no processo. <\/p>\n\n Uma das raz\u00f5es pelas quais os sites est\u00e3o sujeitos a processos de acessibilidade da mesma forma que os neg\u00f3cios f\u00edsicos \u00e9 porque foram considerados “locais de acomoda\u00e7\u00e3o p\u00fablica”. Al\u00e9m de garantir que todos possam ler, navegar e interagir com um site, o design inclusivo garante um certo n\u00edvel de conforto aos visitantes. <\/p>\n\n Conforto pode significar muitas coisas para muitas pessoas \u2014 espa\u00e7o amplo, layouts previs\u00edveis, etc. O design inclusivo tamb\u00e9m pede aos designers que considerem o qu\u00e3o confort\u00e1veis seus usu\u00e1rios estar\u00e3o com o conte\u00fado do site. <\/p>\n\n Por exemplo, usar imagens diversas que reflitam o p\u00fablico-alvo criar\u00e1 um ambiente mais acolhedor do que imagens gen\u00e9ricas de banco de imagens que os usu\u00e1rios j\u00e1 viram repetidas vezes. O mesmo pode ser dito sobre o uso de um texto direto em vez de um texto cheio de jarg\u00f5es que apenas um segmento do p\u00fablico entenderia.<\/p>\n\n O design web inclusivo \u00e9 um termo abrangente que inclui disciplinas como design UX, design acess\u00edvel e design responsivo<\/a>. No entanto, o design inclusivo vai um passo al\u00e9m para garantir que o resultado final seja um site universalmente utiliz\u00e1vel e bem recebido. <\/p>\n\n Esta abordagem de design web requer uma compreens\u00e3o s\u00f3lida dos desafios que diferentes pessoas enfrentam ao interagir com sites, o que vai al\u00e9m de defici\u00eancias ou incapacidades. <\/p>\n\n A melhor maneira de integrar a inclusividade em seu processo de design web \u00e9, primeiro, garantir que voc\u00ea esteja trabalhando com ferramentas que ajudam a implement\u00e1-la \u2014 como os recursos de acessibilidade do WordPress e do Elementor<\/a>. Em seguida, atualize seus modelos<\/a> de persona do usu\u00e1rio com fatores inclusivos como habilidade, aptid\u00e3o e acesso. Por fim, mantenha seu processo atualizado \u00e0 medida que voc\u00ea aprende mais sobre as experi\u00eancias dos usu\u00e1rios e os desafios comuns que eles enfrentam ao usar a web.<\/p>\n","protected":false},"excerpt":{"rendered":" \u00c9 importante ter em mente ao projetar um website que nem todos os usu\u00e1rios interagem com ele da mesma maneira. Ao utilizar o design inclusivo, \u00e9 poss\u00edvel remover vieses e pressupostos do seu website e assegurar que os usu\u00e1rios n\u00e3o se sintam exclu\u00eddos. Continue lendo para aprender como dominar esta abordagem moderna.<\/p>\n","protected":false},"author":2024193,"featured_media":125493,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[360],"tags":[],"marketing_persona":[],"marketing_intent":[48],"class_list":["post-125492","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-pt"],"acf":[],"yoast_head":"\n\u00cdndice<\/h4>\n\n\n\n
O Que \u00c9 Design Inclusivo?<\/h2>\n\n
Por que o Design Web Inclusivo \u00e9 Importante<\/h2>\n\n
As Desvantagens da N\u00e3o-Inclusividade<\/h3>\n\n
As Vantagens da Inclusividade<\/h3>\n\n
Como Criar Personas de Design Web Inclusivo<\/h2>\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/2022_04_blog_cover_what_Is_Inclusive_Web_Design_1200_630_no_text_inner_2.jpg\")
<\/figure>\n\nOs 7 Princ\u00edpios do Design Inclusivo<\/h2>\n\n
1. Flexibilidade<\/h3>\n\n
2. Simplicidade<\/h3>\n\n
3. Consist\u00eancia<\/h3>\n\n
4. Percep\u00e7\u00e3o<\/h3>\n\n
5. Equidade<\/h3>\n\n
6. Preven\u00e7\u00e3o<\/h3>\n\n
7. Acomoda\u00e7\u00e3o<\/h3>\n\n
Conclus\u00e3o<\/h2>\n\n