“Acessibilidade \u00e9 a pr\u00e1tica de tornar seus sites utiliz\u00e1veis pelo maior n\u00famero de pessoas poss\u00edvel. N\u00f3s tradicionalmente pensamos nisso como sendo sobre pessoas com defici\u00eancias, mas a pr\u00e1tica de tornar os sites acess\u00edveis tamb\u00e9m beneficia outros grupos, como aqueles que usam dispositivos m\u00f3veis, ou aqueles com conex\u00f5es de rede lentas” (fonte<\/a>)<\/em><\/p><\/blockquote>\n Quanto mais acess\u00edvel for o seu site, mais pessoas podem us\u00e1-lo. Quando um site \u00e9 menos acess\u00edvel, ou quando a acessibilidade n\u00e3o \u00e9 priorizada, uma parte do seu p\u00fablico \u00e9 impedida ou completamente impedida de obter todas as informa\u00e7\u00f5es que seu site tem a oferecer.<\/p>\n Neste artigo, discutiremos porque acessibilidade \u00e9 importante, o que significa, o grau em que o WordPress j\u00e1 \u00e9 acess\u00edvel, como os construtores de sites podem tornar os sites acess\u00edveis e como testar a acessibilidade de um site.<\/p>\n Vamos come\u00e7ar!<\/p>\n Acessibilidade web significa que um site \u00e9 projetado e desenvolvido para que todas as pessoas possam us\u00e1-lo. Isto inclui como elas entendem, navegam<\/a>, interagem e contribuem para o site.<\/p>\n Uma boa maneira de definir e entender completamente a acessibilidade da web \u00e9 acabar com alguns de seus mitos.<\/p>\n\n Um site totalmente acess\u00edvel deve ser utiliz\u00e1vel por pessoas com defici\u00eancias auditivas, cognitivas, neurol\u00f3gicas, f\u00edsicas, de fala e visuais. As pessoas com defici\u00eancias s\u00e3o um foco principal para os esfor\u00e7os de acessibilidade. Entretanto, elas n\u00e3o s\u00e3o as \u00fanicas pessoas que se beneficiam de um site acess\u00edvel.<\/p>\n A acessibilidade web melhora a experi\u00eancia do usu\u00e1rio para todos os seguintes tipos de pessoas e situa\u00e7\u00f5es:<\/p>\n \u00c9 prov\u00e1vel que voc\u00ea tenha ouvido falar cada vez mais sobre acessibilidade web nos \u00faltimos anos. Como a web est\u00e1 crescendo e mais e mais pessoas confiam nela, a acessibilidade web est\u00e1 se tornando uma quest\u00e3o cada vez mais urgente. Mas n\u00e3o \u00e9 apenas uma moda.<\/p>\n “A acessibilidade digital \u00e9 um direito civil e um direito humano das pessoas deficientes em todo o mundo” Com o passar do tempo e o uso da web se torna mais onipresente, o mesmo acontece com a necessidade de acessibilidade generalizada da web. Quando um site n\u00e3o \u00e9 totalmente acess\u00edvel de acordo com as diretrizes da WCAG, os indiv\u00edduos podem tomar medidas legais contra o desenvolvedor ou propriet\u00e1rio do site.<\/p>\n Basta dar uma olhada no n\u00famero de a\u00e7\u00f5es judiciais em torno da acessibilidade web para entender o quanto as pessoas est\u00e3o levando isso a s\u00e9rio. O n\u00famero de a\u00e7\u00f5es judiciais de 2017 a 2018 quase triplicou<\/a>. Desde ent\u00e3o, esse n\u00famero tem sido em m\u00e9dia de 2.345 processos por ano. Mesmo durante a pandemia da COVID-19 ao longo de 2020, o n\u00famero de a\u00e7\u00f5es judiciais de acessibilidade do site da ADA T\u00edtulo III na corte federal aumentou para 12% em rela\u00e7\u00e3o ao ano anterior.<\/p>\n A acessibilidade web est\u00e1 aqui para ficar. Enquanto desenvolvemos software e sites<\/a>, precisamos incorporar a acessibilidade web em nossos processos que est\u00e3o avan\u00e7ando. Isto \u00e9 necess\u00e1rio n\u00e3o apenas porque ningu\u00e9m gosta de ser processado, mas porque a internet precisa atender \u00e0s necessidades de todos os indiv\u00edduos, n\u00e3o importa quais sejam essas necessidades.<\/p>\n Uma vez que voc\u00ea entenda porque a acessibilidade \u00e9 importante – e que pode haver consequ\u00eancias por n\u00e3o prioriz\u00e1-la – voc\u00ea pode estar com pressa para ter certeza de que seu site est\u00e1 em conformidade com a WCAG.<\/p>\n Um dos mitos mais populares sobre acessibilidade web \u00e9 que voc\u00ea pode baixar um simples plugin<\/a> ou instalar um software que, com o estalar de seus dedos, torna seu site totalmente acess\u00edvel. Isto \u00e9 simplesmente imposs\u00edvel.<\/p>\n De acordo com a11yproject.com<\/a>, quest\u00f5es de acessibilidade s\u00e3o ou objetivas ou subjetivas. Quest\u00f5es objetivas podem ser detectadas por c\u00f3digo, e as subjetivas requerem julgamento humano. O c\u00f3digo nunca pode resolver com precis\u00e3o quest\u00f5es que se enquadram nesta \u00faltima categoria, e as tentativas de faz\u00ea-lo muitas vezes causam mais danos do que benef\u00edcios no processo.<\/p>\n “Solu\u00e7\u00f5es overlay s\u00e3o solu\u00e7\u00f5es de software automatizadas, que como sabemos, s\u00f3 podem detectar ~30% dos problemas de WCAG em primeiro lugar. Isto porque o WCAG \u00e9 matizado e interpretativo. As m\u00e1quinas n\u00e3o s\u00e3o boas nisto” (fonte<\/a>)<\/em><\/p><\/blockquote>\n Lembre-se de que acessibilidade n\u00e3o se trata de evitar riscos, mas de proporcionar experi\u00eancias otimizadas para todos os usu\u00e1rios.<\/p>\n A Iniciativa de Acessibilidade na Web desenvolveu um conjunto de Diretrizes de Acessibilidade de Conte\u00fado da Web<\/a> (WCAG) que podem ajud\u00e1-lo a garantir que seu site esteja em conformidade e totalmente acess\u00edvel. Se voc\u00ea desenhar, desenvolver ou apoiar um site, voc\u00ea deve estar muito familiarizado com estas diretrizes.<\/p>\n Acessibilidade n\u00e3o \u00e9 apenas um foco para desenvolvedores, mas tamb\u00e9m para designers, marketeiros, redatores de conte\u00fado, gerentes de projeto, e muito mais. A acessibilidade deve ser uma prioridade durante todo o processo de constru\u00e7\u00e3o do site, desde o planejamento at\u00e9 o lan\u00e7amento. Voc\u00ea tamb\u00e9m deve melhorar continuamente a acessibilidade de um site depois que ele for lan\u00e7ado.<\/p>\n Esta \u00e9 uma das grandes perguntas que muitas pessoas fazem quando consideram o WordPress como uma op\u00e7\u00e3o de constru\u00e7\u00e3o de sites: O qu\u00e3o acess\u00edvel ele j\u00e1 \u00e9, e quanto trabalho se tem que fazer para tornar o WordPress acess\u00edvel? Como n\u00e3o h\u00e1 uma resposta em preto e branco para isso, vamos olhar para o grau em que o WordPress j\u00e1 est\u00e1 acess\u00edvel.<\/p>\n A boa not\u00edcia \u00e9 que com o tempo, o WordPress se tornou mais e mais acess\u00edvel<\/a>. Cada lan\u00e7amento faz pequenos passos e avan\u00e7os com a acessibilidade em mente. Como a acessibilidade se torna um t\u00f3pico maior na mente de mais pessoas, mais pessoas podem prioriz\u00e1-la.<\/p>\n Al\u00e9m disso, muitas pessoas na comunidade WordPress s\u00e3o apaixonadas e falam sobre esses t\u00f3picos. Cada novo tema padr\u00e3o do WordPress<\/a> d\u00e1 passos adicionais para se tornar mais acess\u00edvel. Desenvolvedores est\u00e3o chegando com novas ferramentas de assist\u00eancia e escrevendo guias e artigos sobre acessibilidade do WordPress o tempo todo. Como resultado, voc\u00ea nunca estar\u00e1 sozinho em sua jornada de acessibilidade do WordPress.<\/p>\n Se voc\u00ea estiver interessado em aprender mais sobre WordPress e acessibilidade diretamente dos membros da comunidade, visite WordPress.tv e assista a essas palestras sobre acessibilidade<\/a>.<\/p>\n Apesar dos recentes avan\u00e7os, o WordPress nem sempre \u00e9 100% acess\u00edvel. Cada vers\u00e3o do WordPress enfrenta algumas cr\u00edticas em termos de onde ela fica aqu\u00e9m. No in\u00edcio de 2019, a WPCampus realizou uma extensa auditoria do mais novo lan\u00e7amento do Gutenberg<\/a> na \u00e9poca. Trabalho como este \u00e9 incrivelmente importante; desde essa auditoria, 116 quest\u00f5es relacionadas \u00e0 acessibilidade foram fechadas<\/a>.<\/p>\n Pode ser dif\u00edcil para os criadores de conte\u00fado com defici\u00eancia publicarem com o WordPress. Como \u00e9 imposs\u00edvel automatizar todas as facetas de design e desenvolvimento acess\u00edveis, qualquer um pode criar p\u00e1ginas da web inacess\u00edveis com o WordPress.<\/p>\n “O front-end do WordPress est\u00e1 praticamente no mesmo lugar em que est\u00e1 h\u00e1 anos: perfeitamente capaz de ser acess\u00edvel, mas depende inteiramente do desenvolvedor que constr\u00f3i o site. Um tema pobre ou plug-ins inacess\u00edveis fazem toda a diferen\u00e7a. O administrador continuou a melhorar – tem sido um caminho dif\u00edcil para mover o editor do Gutenberg em dire\u00e7\u00e3o a uma melhor acessibilidade, mas o progresso est\u00e1 sendo feito. Dito isto, \u00e9 uma batalha constante para evitar regress\u00f5es de acessibilidade com qualquer novo componente de interface” (fonte<\/a>)<\/em><\/p><\/blockquote>\n Ent\u00e3o o que isso significa para voc\u00ea como desenvolvedor ou designer WordPress<\/a>? Sua jornada para um site totalmente acess\u00edvel \u00e9 um pouco mais curta quando voc\u00ea come\u00e7a com o WordPress. No entanto, ainda h\u00e1 alguma dist\u00e2ncia a percorrer antes de chegar \u00e0 linha de chegada.<\/p>\n Agora, vamos entrar nos passos que voc\u00ea pode tomar para garantir que um site WordPress seja acess\u00edvel a todos os usu\u00e1rios.<\/p>\n N\u00e3o importa o que aconte\u00e7a, nunca deixe a acessibilidade como uma tarefa a ser enfrentada no final do projeto. Deve ser uma prioridade que est\u00e1 integrada desde o in\u00edcio do seu processo. E deve ser uma meta cont\u00ednua uma vez que o site seja lan\u00e7ado.<\/p>\n N\u00e3o h\u00e1 uma lista de verifica\u00e7\u00e3o \u00fanica que se possa seguir ou automatizar para garantir 100% de acessibilidade. Muito do trabalho depende de seus plugins, tema e conte\u00fado<\/a>.<\/p>\n Criar um site acess\u00edvel \u00e9 como construir um edif\u00edcio seguro – claro, existem diretrizes, mas aten\u00e7\u00e3o individual, manuten\u00e7\u00e3o e renova\u00e7\u00f5es cuidadosas s\u00e3o essenciais para garantir que voc\u00ea alcance o objetivo.<\/p>\n Vamos come\u00e7ar com algumas das melhores pr\u00e1ticas de design acess\u00edvel<\/a> para sites WordPress, discriminadas por tipo. Esta informa\u00e7\u00e3o deve servir como uma base s\u00f3lida para a sua educa\u00e7\u00e3o em acessibilidade.<\/p>\n Todas as imagens em seu site precisam estar acess\u00edveis a todos os usu\u00e1rios. Dado que nem todos os usu\u00e1rios podem ver imagens, alguns podem usar tecnologia de assist\u00eancia para entender elementos visuais, e seu site deve, portanto, estar pronto para trabalhar com essa tecnologia.<\/p>\n O texto alternativo (ou “alt”) \u00e9 uma descri\u00e7\u00e3o escrita que voc\u00ea anexa a uma imagem. Os leitores de tela ir\u00e3o ler essa descri\u00e7\u00e3o em voz alta para qualquer convidado que n\u00e3o possa ver a imagem. O texto “alt” deve ser usado para qualquer imagem que forne\u00e7a informa\u00e7\u00f5es \u00fateis na p\u00e1gina. Isto inclui tudo, desde fotos<\/a> a \u00edcones e infogr\u00e1ficos.<\/p>\n A \u00fanica exce\u00e7\u00e3o \u00e9 se uma imagem for considerada puramente “decorativa” Imagens de fundo,<\/a> divis\u00f3rias, ou imagens que mostram texto apresentado na pr\u00f3pria p\u00e1gina n\u00e3o necessariamente precisar\u00e3o de texto alt.<\/p>\n Ao escrever o texto alt, lembre-se de n\u00e3o descrever a imagem como ela \u00e9. Ao inv\u00e9s disso, comunique o que a imagem significa dentro do contexto da p\u00e1gina. Aqui est\u00e3o algumas boas diretrizes para ajud\u00e1-lo a escrever um texto alternativo excelente:<\/p>\n Adicionar texto alt \u00e0s imagens em seu site WordPress \u00e9 mais f\u00e1cil do que voc\u00ea pode pensar. Voc\u00ea pode adicionar este texto no mesmo lugar que voc\u00ea adicionaria o t\u00edtulo de uma imagem.<\/a><\/p>\n Abra sua Biblioteca de M\u00eddia<\/strong> e selecione a imagem que voc\u00ea deseja editar. A tela Configura\u00e7\u00f5es<\/strong> para essa imagem ser\u00e1 aberta. No campo Texto Alternativo<\/strong>, adicione seu texto alt e clique em Salvar<\/strong>:<\/p>\n Ao projetar um site acess\u00edvel, fornecer contraste de cores adequado \u00e9 essencial. O mau contraste de cores pode afetar a legibilidade de seus sites em in\u00fameros casos, como para usu\u00e1rios com vis\u00e3o deficiente, usu\u00e1rios dalt\u00f4nicos ou pessoas que usam certos dispositivos. Imagens, textos e elementos como bot\u00f5es, todos precisam de contraste de cor adequado.<\/p>\n O contraste de cores refere-se a como as cores brilhantes ou escuras aparecem quando colocadas umas contra as outras ou muito pr\u00f3ximas umas das outras. Por exemplo, um texto preto sobre um fundo branco tem um contraste de cor muito maior (21:1) do que um texto amarelo sobre um fundo branco (1.08:1). WCAG 2.0 AA requer uma propor\u00e7\u00e3o m\u00ednima de 4.5:1 para texto normal e 3:1 para texto maior (negrito 18px ou padr\u00e3o 24px e maior).<\/p>\n O que isso significa exatamente? A maneira mais simples de determinar se suas cores funcionam bem juntas<\/a> \u00e9 inseri-las em uma ferramenta de teste de contraste, como o WebAIM Contrast Checker<\/a>. H\u00e1 toneladas de ferramentas de verificador gratuitas online.<\/p>\n Confira nossa se\u00e7\u00e3o de testes<\/a> para saber mais sobre como testar cores.<\/p>\n \u00c0 medida que voc\u00ea testa mais e mais combina\u00e7\u00f5es de cores, voc\u00ea vai ficando melhor em determinar apenas pela vis\u00e3o quais combina\u00e7\u00f5es de cores funcionam e quais n\u00e3o funcionam.<\/p>\n Voc\u00ea tamb\u00e9m precisa ter certeza de evitar o uso da cor como um fator principal de diferencia\u00e7\u00e3o. Por exemplo, muitos sites t\u00eam links que s\u00e3o de uma cor diferente da do corpo de texto ao redor. No entanto, se a cor \u00e9 dif\u00edcil para um usu\u00e1rio ver por alguma raz\u00e3o, pode ser imposs\u00edvel para ele diferenciar entre uma palavra vinculada e uma palavra n\u00e3o vinculada. Use cores para embelezar um link, mas adicione um sublinhado abaixo do texto para tornar o link acess\u00edvel.<\/p>\n Muito do que n\u00f3s experimentamos na web \u00e9 texto. N\u00f3s usamos sites para ler artigos, receitas, hist\u00f3rias, e muito mais. Voc\u00ea est\u00e1 lendo este artigo agora mesmo! Como resultado, o texto precisa ser otimizado para todos os leitores – quer eles estejam lendo com os olhos ou com os ouvidos.<\/p>\n H\u00e1 duas formas principais de discutir textos quando se fala sobre acessibilidade: fontes<\/a> e tamanhos.<\/p>\n Uma fonte acess\u00edvel \u00e9 f\u00e1cil de ler em tamanhos pequenos e grandes<\/a>. Fontes como Tahoma, Calibri, Helvetica, Arial, Verdana, Times New Roman, Arvo, Museo Slab, e Rockwell s\u00e3o todas escolhas acess\u00edveis. Os leitores com dislexia podem achar dif\u00edcil ler certas fontes, incluindo muitas fontes serifas. As fontes sem serifas<\/a> para texto corporal tendem a ser uma escolha mais segura. \u00c9 melhor evitar a exibi\u00e7\u00e3o de fontes – como estilos de caligrafia<\/a> ou cursivo<\/a> – a menos que o texto seja grande, esparso e principalmente decorativo.<\/p>\n O dimensionamento da fonte<\/a> \u00e9 incrivelmente importante para a acessibilidade. Vamos discutir algumas regras b\u00e1sicas quando se trata de dimensionamento acess\u00edvel de fontes.<\/p>\n As fontes padr\u00e3o devem ter pelo menos 9pt ou 12px. 12pt ou 16px \u00e9 recomendado. De acordo com a WCAG Guidelines, o texto deve ser capaz de ser lido quando ampliado para 200%. Recomenda-se o uso de porcentagens ao inv\u00e9s de pixels ou pontos para definir o tamanho da fonte. Utilizar diferentes pesos de fonte \u00e9 muito bom, mas certifique-se de que se o seu texto usa um peso leve, ele \u00e9 grande o suficiente para ver.<\/p>\n Este n\u00e3o \u00e9 o fim de tudo, mas sim como projetar com acessibilidade em mente. Mas \u00e9 vital saber por onde come\u00e7ar. Se voc\u00ea quiser fazer uma leitura mais profunda sobre design para acessibilidade, confira estes recursos:<\/p>\n Ao construir um site ou seu software complementar (como temas e plugins), h\u00e1 coisas importantes a se ter em mente para a acessibilidade. Algumas destas sobreposi\u00e7\u00f5es com o design, mas esta pr\u00f3xima se\u00e7\u00e3o foca principalmente em como seu site funciona e como seu usu\u00e1rio ir\u00e1 interagir com ele.<\/p>\n Os usu\u00e1rios devem ser capazes de interagir e usar o seu site com relativa facilidade, n\u00e3o importa o que aconte\u00e7a. Isto n\u00e3o inclui apenas apreciar imagens e ler textos, mas interagir com menus, formul\u00e1rios<\/a>, bot\u00f5es e v\u00eddeos<\/a>.<\/p>\n Ao construir seu site, certifique-se de que todos os elementos interativos possam ser identificados facilmente. Todos os menus de navega\u00e7\u00e3o – do cabe\u00e7alho ao rodap\u00e9<\/a> – devem ser utiliz\u00e1veis com controles de teclado. A apar\u00eancia dos links e bot\u00f5es A navega\u00e7\u00e3o atrav\u00e9s das p\u00e1ginas do seu site<\/a> deve ser consistente e clara. Como voc\u00ea nomeia, estilo e posi\u00e7\u00e3o dos links de navega\u00e7\u00e3o s\u00e3o incrivelmente importantes. Breadcrumbs<\/a>\u00a0e cabe\u00e7alhos claros permitir\u00e3o que os usu\u00e1rios interajam com seu conte\u00fado com confian\u00e7a.<\/p>\n As chances s\u00e3o que voc\u00ea tenha um ou dois formul\u00e1rios<\/a> em seu site. Voc\u00ea pode se surpreender ao descobrir quantos formul\u00e1rios est\u00e3o inacess\u00edveis. Seus elementos do formul\u00e1rio devem incluir etiquetas associadas, \u00e0 esquerda ou acima do campo. (Caixas de sele\u00e7\u00e3o e caixas de r\u00e1dio podem ir para a direita.) Deve ficar bem claro para os usu\u00e1rios para que serve cada campo do formul\u00e1rio.<\/p>\n Se voc\u00ea tem algum conte\u00fado em seu site que reproduza automaticamente, como um GIF<\/a>, slider<\/a>, carrossel, v\u00eddeo ou m\u00fasica<\/a>, deve haver controles vis\u00edveis que permitam ao usu\u00e1rio parar a anima\u00e7\u00e3o ou som. \u00c9 melhor fornecer op\u00e7\u00f5es para parar, pausar, ou esconder o elemento completamente.<\/p>\n Se voc\u00ea \u00e9 um desenvolvedor que quer dar um mergulho profundo no desenvolvimento para acessibilidade web, confira estas dicas diretamente da W3C<\/a>.<\/p>\n Se voc\u00ea \u00e9 um construtor de sites de bricolage, voc\u00ea pode realizar muito do que este artigo discute, escolhendo um tema acess\u00edvel. \u00c9 importante que os desenvolvedores entendam o que torna um tema acess\u00edvel para prioriz\u00e1-lo em seus projetos.<\/p>\n Os temas do WordPress<\/a> controlam a apar\u00eancia do seu site. Muitos temas v\u00eam pr\u00e9-embalados com esquemas de cores e fam\u00edlias de fontes. \u00c9 imperativo ter certeza de que essas cores e fontes atendam aos requisitos descritos acima. Muitos temas se comercializam como “totalmente acess\u00edveis”, mas isso nem sempre \u00e9 verdade. Use seus pr\u00f3prios testes para determinar se um tema \u00e9 ou n\u00e3o acess\u00edvel.<\/p>\n A equipe de acessibilidade do WordPress.com preparou uma lista de 92 temas gratuitas no reposit\u00f3rio WordPress<\/a> que voc\u00ea pode come\u00e7ar a usar agora mesmo.<\/p>\n Ao construir um tema acess\u00edvel, certifique-se de que voc\u00ea esteja familiarizado com os requisitos da WCAG desde o in\u00edcio. As \u00e1reas comuns a serem abordadas durante o desenvolvimento incluem:<\/p>\n Certifique-se de marcar as diretrizes de acessibilidade do WordPress<\/a> para f\u00e1cil refer\u00eancia quando voc\u00ea come\u00e7ar a criar seu tema.<\/p>\n Os plugins WordPress<\/a> permitem que voc\u00ea adicione funcionalidades plug-and-play ao seu site WordPress. Existem dois tipos de plugins de acessibilidade WordPress: aqueles que ajudam voc\u00ea a construir um site acess\u00edvel e tornar um site existente acess\u00edvel para os usu\u00e1rios.<\/p>\n Esteja ciente dos plugins WordPress que lhe d\u00e3o garantias como “acessibilidade com um clique” ou “automaticamente acess\u00edvel” Estas coisas s\u00e3o imposs\u00edveis. Plugins s\u00e3o ferramentas que podem ajud\u00e1-lo a alcan\u00e7ar seus objetivos de acessibilidade, n\u00e3o varinhas m\u00e1gicas que fazem todo o trabalho por voc\u00ea. Algumas vezes, os plugins podem at\u00e9 mesmo atrapalhar seus esfor\u00e7os de acessibilidade – ent\u00e3o proceda com um certo grau de cautela!<\/p>\n H\u00e1 toneladas de plugins focados em acessibilidade por a\u00ed que prometem melhorar, monitorar ou remediar problemas de acessibilidade. Eles podem auditar o site e deixar voc\u00ea saber onde fazer melhorias. Ou eles podem fornecer ferramentas front-end para facilitar a cria\u00e7\u00e3o de uma experi\u00eancia acess\u00edvel em seu site.<\/p>\n Algumas delas s\u00e3o de grande ajuda. Outras, no entanto, fornecem falsas promessas. Certifique-se sempre de verificar cuidadosamente um plugin como este antes de se comprometer com ele.<\/p>\n Alguns plugins criam conte\u00fado interativo, como quizzes e sliders. Como discutido anteriormente, estes elementos precisam de aten\u00e7\u00e3o especial e testes para garantir que eles sejam totalmente acess\u00edveis. Sempre teste completamente um plugin interativo em um site de teste ou desenvolvimento<\/a> antes de mov\u00ea-lo para produ\u00e7\u00e3o<\/a>.<\/p>\n O mesmo pode ser dito para os plugins de formul\u00e1rio<\/a>. Infelizmente, muitos t\u00eam problemas de acessibilidade. Se voc\u00ea encontrar este caso, formul\u00e1rios codificados sob medida s\u00e3o uma boa alternativa.<\/p>\n Uma categoria popular de plugins \u00e9 a dos plugins construtores de p\u00e1ginas<\/a>. Eles s\u00e3o \u00f3timos para permitir que voc\u00ea construa projetos robustos e sofisticados de arrastar e soltar rapidamente. No entanto, eles podem frequentemente introduzir mais problemas de acessibilidade do que resolver. N\u00e3o h\u00e1 uma \u00fanica corre\u00e7\u00e3o para este problema, ent\u00e3o mantenha seu projeto simples e certifique-se de testar todos os elementos para confirmar a acessibilidade.<\/p>\n Uma declara\u00e7\u00e3o de acessibilidade \u00e9 uma p\u00e1gina em seu site onde voc\u00ea comunica suas pol\u00edticas internas, objetivos de acessibilidade e sucessos passados em rela\u00e7\u00e3o ao trabalho com pessoas portadoras de defici\u00eancia.<\/p>\n Voc\u00ea deve gerar e publicar uma declara\u00e7\u00e3o de acessibilidade em seu site WordPress pelas seguintes raz\u00f5es:<\/p>\n Voc\u00ea pode escrever sua pr\u00f3pria declara\u00e7\u00e3o de acessibilidade seguindo estas diretrizes fornecidas pelo W3C<\/a> ou usando um gerador de declara\u00e7\u00f5es de acessibilidade<\/a>.<\/p>\n Acessibilidade n\u00e3o \u00e9 pressionar os bot\u00f5es certos, e depois ir embora. O teste \u00e9 uma parte vital<\/a> para garantir que um site seja totalmente acess\u00edvel. Tanto testes autom\u00e1ticos quanto manuais podem ajudar a garantir que voc\u00ea tenha todas as suas bases cobertas.<\/p>\n Testes automatizados<\/a> s\u00e3o \u00fateis para avaliar por onde come\u00e7ar. Se voc\u00ea \u00e9 novo em acessibilidade ou n\u00e3o sabe por onde come\u00e7ar, comece com testes e avalia\u00e7\u00f5es autom\u00e1ticas.<\/p>\n A maioria dos testes automatizados identificar\u00e1 coisas como mau contraste de cores, texto alt ausente, links vazios, problemas com elementos estruturais, e assim por diante. Voc\u00ea pode usar estes testes para gerar uma lista de problemas a serem resolvidos. Testes como estes s\u00e3o especialmente \u00fateis para encontrar erros baseados em c\u00f3digo que podem ser menos vis\u00edveis a olho nu, mas que ser\u00e3o importantes para alguns de seus usu\u00e1rios.<\/p>\n Um exemplo de um teste de acessibilidade gratuito que voc\u00ea pode usar \u00e9 a ferramenta WebAim<\/a>. Ela examina toda a sua p\u00e1gina web e gera uma lista de erros. Ela mostrar\u00e1 at\u00e9 mesmo onde exatamente na p\u00e1gina esses erros ocorrem.<\/p>\n Voc\u00ea pode encontrar toneladas de ferramentas individuais de acessibilidade para ajudar em quest\u00f5es espec\u00edficas. Por exemplo, use um verificador de contraste<\/a> antes mesmo de come\u00e7ar a projetar para ter certeza de que as cores em sua paleta v\u00e3o tocar bem juntas.<\/p>\n Basta lembrar que nenhum teste automatizado \u00e9 perfeito, infal\u00edvel, ou um substituto para testes manuais.<\/p>\n Como a acessibilidade do WordPress \u00e9 sobre casos reais de uso humano, os humanos reais devem ser os \u00fanicos a fazer a \u00faltima palavra sobre se um site \u00e9 acess\u00edvel ou n\u00e3o. Consequentemente, reservar tempo e recursos para testes manuais \u00e9 incrivelmente importante.<\/p>\n Ent\u00e3o, como voc\u00ea faz um teste manual? Aqui est\u00e3o algumas coisas que voc\u00ea pode fazer para testar como um site \u00e9 acess\u00edvel sem ferramentas ou programas caros ou extravagantes:<\/p>\n Em caso de d\u00favida, entre em contato com uma empresa que fornece testes manuais de acessibilidade. Especialistas em acessibilidade e web design e desenvolvimento podem fazer um r\u00e1pido trabalho de revis\u00e3o manual e dizer exatamente quais \u00e1reas precisam ser trabalhadas.<\/p>\nConfira nosso guia em v\u00eddeo<\/a> sobre acessibilidade do site<\/h3>\n
O que significa acessibilidade na Web<\/h2>\n
Primeiro mito: \u00c9 s\u00f3 para os cegos<\/h3>\n
\n
Segundo mito: \u00c9 um fator ou tend\u00eancia<\/h3>\n
\n<\/em>Lainey Feingold<\/a>, advogado e autor dos direitos das pessoas com defici\u00eancia<\/span><\/p><\/blockquote>\n![\"Um](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/09\/Web-Data-2017-2020-1.png\")
Terceiro mito: Voc\u00ea pode automatizar totalmente a acessibilidade<\/h3>\n
Diretrizes de acessibilidade de conte\u00fado da web<\/h2>\n
O qu\u00e3o acess\u00edvel \u00e9 o WordPress?<\/h2>\n
Onde o WordPress faz bem em termos de acessibilidade<\/h3>\n
![\"O](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-09-07-at-9.01.06-AM-1024x688.png\")
Onde o WordPress perde essa marca<\/h3>\n
Como fazer um site WordPress acess\u00edvel<\/h2>\n
Melhores pr\u00e1ticas de design acess\u00edvel<\/h3>\n
Imagens<\/h4>\n
![\"Demonstra\u00e7\u00e3o](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-08-24-at-11.38.11-AM-1024x691.png\")
\n
![\"Campo](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-08-24-at-11.27.34-AM-1024x405.png\")
Cores<\/h4>\n
![\"Uma](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-09-07-at-9.05.34-AM.png\")
Texto<\/h4>\n
![\"Um](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/09\/7a7eb38089ed87ddf2a9ca0faf515773.png\")
<\/a>\n
Melhores pr\u00e1ticas de desenvolvimento acess\u00edvel<\/h3>\n
Elementos interativos<\/h4>\n
hover<\/code>, focus<\/code> e click<\/code> deve mudar.<\/p>\n![\"Estilos](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-09-07-at-9.08.15-AM.png\")
![\"Como](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/09\/kinsta-breadcrumbs-example-1-1024x584.png\")
![\"Bordas](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/09\/dont-remove-borders-1024x318.png\")
Temas do WordPress<\/h3>\n
\n
Plugins WordPress<\/h3>\n
Declara\u00e7\u00f5es de acessibilidade<\/h3>\n
\n
Como testar a acessibilidade do site WordPress<\/h2>\n
Como conduzir testes automatizados<\/h3>\n
![\"Ferramenta](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-09-07-at-9.13.49-AM.png\")
Como conduzir testes manuais<\/h3>\n
\n