WordPress Acessibilidade: Como criar um site acessível (+ Plugins para isso)

Maddy Osman Última atualização em 19.10.2020
12 min.
WordPress -Acessibilidade
Última atualização em 19.10.2020

Acessibilidade (ou acessibilidade) em WordPress é um componente importante na criação de websites que ainda não é discutido o suficiente. Mas quão acessível é realmente o popular CMS? Por que a acessibilidade é tão importante? E como é que o seu site se tornará acessível a todos?

Acesso para todos: factos sobre acessibilidade

WordPress consegue mais de 35 por cento de todos os sites em funcionamento. Sites de comércio eletrônico, principais publicações online, canais de notícias, blogs e sites de negócios usam WordPress porque é fácil de usar.

E é precisamente porque WordPress é tão popular que tem um grande impacto na acessibilidade web. No entanto, a questão da acessibilidade nem sempre está na vanguarda ao desenvolver e redesenhar um website. Em vez disso, muitos utilizadores WP estão preocupados em escolher o Theme correcto, melhorando a sua classificação SEO e assegurando que o seu website carrega rapidamente. Não há nada de errado com isso - mas deve ser igualmente importante que o seu site WordPress seja acessível a todos. 

De acordo com as estatísticas da acessibilidade interativa 56 milhões de americanos vivem com uma deficiência. Para além disso. Centro de Pesquisa Pew que 54% dos adultos com deficiência nos EUA usam a Internet regularmente. E isso são os Estados Unidos. Mundialmente estes números aumentam.

Se você ignorar a acessibilidade, você já está excluindo 20% da população mundial da possibilidade de usar o seu website. Em resumo, ignorar a acessibilidade não é bom para o seu negócio. Mas mais importante, é terrível para criar um mundo mais justo e mais justo. 

Portanto, se você já se perguntou como criar um site acessível com WordPress , este guia é para você. Vamos responder a algumas perguntas chave, incluindo:

  • O que é Acessibilidade na Web?
  • O site WordPress "out of the box" está livre de barreiras?
  • Que ferramentas e Plugins o ajudam a criar um site WP acessível? 

O que é Acessibilidade na Web?

Acessibilidade na Web refere-se às ferramentas que permitem às pessoas com deficiência usar e acessar a Web. Isto é particularmente relevante para as deficiências que podem afectar a forma como as pessoas acedem e utilizam a Web, incluindo:

  • Deficiências visuais
  • Dificuldades acústicas
  • Discurso deficiente
  • Deficiências cognitivas 
  • Deficiências neurológicas
  • Deficiências temporárias (tais como um braço partido)

Esta lista também inclui deficiências relacionadas com a idade - e mesmo deficiências resultantes de uma conexão lenta à Internet. Uma das principais razões porque a acessibilidade é tão importante é o crescente papel da Internet no nosso quotidiano: desde o acesso à informação e às notícias actuais até às compras e ao contacto com os entes queridos.

Outras razões pelas quais a acessibilidade na Internet é importante: 

Dada a importância da Internet num mundo moderno, a Web deve ser acessível a todos, independentemente do seu estatuto ou capacidade.

O site WordPress "out of the box" está livre de barreiras? 

WordPress nem sempre estava livre de barreiras: Há apenas alguns anos, os usuários que dependiam de tecnologias de assistência na web tinham sérios problemas para navegar no painel de administração.

WordPress  Acessibilidade: Como criar um site acessível (+ Plugins para isso)

Muita coisa mudou desde então. Primeiro, um pequeno grupo de voluntários - os chamados Faça WordPress Equipe Acessível - melhorou significativamente a acessibilidade do site WordPress .  

Como resultado do seu trabalho, a área administrativa juntamente com a biblioteca de mídia e o customizador Theme se tornaram muito mais acessíveis. Além disso, inúmeros atalhos de teclado foram adicionados ao núcleo WordPress para acelerar a edição e formatação de artigos e páginas. 

O Normas de codificação para a acessibilidade de WordPress em março de 2016 foram atribuídas ao WordPress Manual básico acrescentada. Desde então Themes e Plugins devem passar por um rigoroso teste de acessibilidade para serem classificados como livres de barreiras.

O que é o Manual do Contribuinte Principal?

O manual define os padrões de codificação que os desenvolvedores do WP devem cumprir ao adicionar suas contribuições ao núcleo WordPress e enviar Themes e Plugins para o repositório oficial.

Embora grandes mudanças e melhorias tenham sido feitas, WordPress ainda tem algum trabalho a fazer na área de acessibilidade. Enquanto WordPress está se esforçando para fazer o Diretrizes de Acessibilidade da Ferramenta de Autoria (ATAG) 2.0 mas existem outros problemas que impedem 100% de acessibilidade: 

  • Theme- e Plugin-Os desenvolvedores de terceiros nem sempre seguem as Diretrizes de Acessibilidade. Como resultado, a maioria dos problemas de acessibilidade em WordPress deve-se ao facto de não ser possível aceder a Themes e Plugins .
  • O novo Gutenberg-editor no momento de sua publicação 90 Problemas de acessibilidade. (Na altura deste artigo apenas 22 Problemas não resolvido).
WordPress  Acessibilidade: Como criar um site acessível (+ Plugins para isso)

Dicas para criar uma página WP acessível

Quando você cria um site acessível, há certos princípios que são definidos no Diretrizes de Acessibilidade de Conteúdo da Web são especificados. Você definitivamente deve usá-los para garantir que todos possam usar o seu site. 

Lista de verificação para a acessibilidade dos sites

  • Perceptível: Todos os usuários devem ser capazes de perceber os componentes da informação e da interface do usuário.
  • Operável: Independentemente do dispositivo que os utilizadores utilizam para aceder ao seu website, os componentes da interface do utilizador e a navegação devem ser operáveis.
  • Compreensível: Todos os usuários devem ser capazes de compreender a informação e a interface do usuário.
  • Robusto: Tanto os utilizadores como os vários agentes de utilizadores (incluindo tecnologias de assistência) devem ser capazes de ler e compreender o conteúdo do site. 

Com base nestes quatro princípios-chave, aqui estão algumas das diretrizes que você precisa seguir ao criar um site acessível com WordPress . 

Diretrizes para garantir que seu site seja percebido

  • Os links e botões não devem diferir do resto do seu conteúdo apenas pela sua coloração.
  • Oferecer suporte em Braille e fornecer alternativas de texto para conteúdo visual e áudio, tais como imagens e vídeos
  • Defina a largura do texto e a largura da linha para tamanhos que maximizem a legibilidade.
  • Certifique-se de que há contraste suficiente entre o seu texto e o fundo. Em outras palavras, nenhum texto vermelho claro sobre um fundo preto.
  • O conteúdo de áudio e vídeo deve incluir transcrições, legendas ou linguagem gestual.
  • GIFs animados, animações intermitentes e outros conteúdos que possam causar convulsões e reacções físicas devem ser evitados.

Directrizes para garantir que o seu website é utilizável

  • Abster-se de usar CAPTCHA ou oferecer várias maneiras de resolvê-los, pois eles podem colocar problemas para muitas pessoas.
  • Os links não devem abrir conteúdo em uma nova janela sem notificar seus usuários ou sem interação prévia de seus usuários.
  • Certifique-se de que seus usuários possam acessar botões e itens de menu (bem como menus suspensos) usando o teclado e o mouse. 
  • Elementos de mídia como vídeo, áudio, carrosséis ou controles deslizantes não devem ser definidos para serem reproduzidos ou alterados automaticamente sem a interação do usuário.

Directrizes para garantir que o seu website é compreensível

  • Pense em diferentes viewports ao desenhar e mudar a posição e aparência dos elementos principais em conformidade.
  • Use cabeçalhos para definir diferentes subseções de uma página.
  • Evite o uso de jargão, termos difíceis e abreviaturas. Em vez disso, certifique-se de que o seu conteúdo está escrito de forma clara e concisa.
  • Os links devem ser descritivos e fazer sentido, mesmo sem contexto. Por exemplo, é melhor ter um botão ou um link com o texto "Saiba mais sobre os nossos serviços" do que apenas "Saiba mais".

Diretrizes para garantir que seu site seja robusto

  • Insira os links de saltar no topo de cada página.
  • Certifique-se de que os campos do seu formulário têm etiquetas apropriadas. Os seus formulários também devem ter mensagens de aviso e confirmação que sejam facilmente reconhecidas por pessoas daltônicas.
  • Use tabindex para
    adiciona
    r um elemento que normalmente não obtém foco, como
    o
    u
    , à ordem de navegação quando ele é usado para interaçã
    o.
  • As mídias para download, como documentos PDF, conteúdo de áudio ou vídeo devem ter uma descrição que indique que o download está prestes a começar.
  • Elementos interativos não padronizados, como acordeões ou abas, devem ter um significado de acordo com a WAI-ARIA Papéis.

O melhor WordPress Acessibilidade Plugins e ferramentas

Se você seguir as diretrizes acima, o seu site estará acessível. No entanto, nem sempre é fácil acompanhar todas estas regras e orientações.

Felizmente, há uma série de Plugins e ferramentas para mais WordPress que o ajudam a criar sites acessíveis mais rapidamente - sem esquecer passos importantes. 

Acessibilidade do WP

WP-Accessibilidade

Acessibilidade do WP é uma das melhores Acessibilidade do WordPresss Plugins do repositório oficial WordPress Plugin . Tem uma classificação de 5 estrelas e mais de 30.000 instalações activas. O Plugin aborda e corrige questões gerais de acessibilidade no WP-Themes. 

Principais características do WP Accessibility:

  • Adicionar links de saltar com destinos personalizados
  • Adicionar esquema ao Keyboard Focus State
  • Remover o índice da guia dos elementos focáveis
  • adicionar longas descrições às imagens
  • Forçar Alt atributos para imagens no Editor Clássico

WP Accessibility também corrige problemas de acessibilidade no núcleo WordPress , tais como a remoção de atributos desnecessários de títulos das listas de páginas, listas de categorias e menus de arquivos.

O melhor WordPress Acessibilidade Plugin para: Empresas com sites existentes que querem melhorar a sua acessibilidade.

Preço: Você pode baixar o WP Accessibility gratuitamente do repositório oficial. 

Barra de ferramentas acessívelWP

WPAccessible Toolbar

Barra de ferramentas acessívelWPanteriormente conhecida como Poesia Acessível, tem uma classificação de 4,5 estrelas e mais de 4.000 instalações activas. O site WordPress Plugin facilita a activação de certas funcionalidades e torna o seu site mais acessível. 

Principais características da barra de ferramentas AccessibleWP:

  • Habilite a navegação pelo teclado para permitir que os usuários naveguem pelo seu site com o teclado,
  • Os utilizadores podem desactivar as animações do CSS3
  • Os usuários podem mudar as cores do site para cores com melhor contraste
  • Os usuários podem mudar as cores do site para cores em tons de cinza
  • Os usuários podem aumentar ou diminuir o tamanho da fonte do seu site

O melhor WordPress Acessibilidade Plugin para: Empresas que querem um site mais acessível, mas que querem manter um esquema de cores específico da marca e uma estética geral. 

Preço: Você pode baixar a barra de ferramentas AccessibleWP gratuitamente do repositório oficial. 

Acessibilidade com um clique

Acessibilidade com um clique

O popular WordPress -Plugin para acessibilidade, Acessibilidade com um cliquefoi originalmente desenvolvido para o Pojo Framework e é agora compatível com todos os WordPress -Themes . O Plugin tem uma classificação de 4,5 estrelas e mais de 30.000 instalações activas. 

Principais características do One Click Accessibility:

  • Os usuários podem ativar ou controlar o tamanho da fonte, contraste, sublinhado de links, fontes legíveis com uma barra de ferramentas de acessibilidade
  • Ativar Skip-Links
  • Adicionar foco para elementos focáveis
  • Remover atributos de destino dos links e adicionar papéis de referência

O melhor WordPress Acessibilidade Plugin para: Websites que foram originalmente criados no âmbito do Pojo.

Preço: One Click Accessibility pode ser baixado gratuitamente do repositório oficial. 

WordPress Ajudante de Acessibilidade

WordPress -Assistente de Acessibilidade

WordPress Ajudante de Acessibilidade tem uma classificação de 5 estrelas e mais de 10.000 instalações activas O Plugin oferece uma versão gratuita com um conjunto abrangente de funcionalidades. A versão premium oferece ainda mais funcionalidades, incluindo a capacidade de controlar janelas modais e popups, adicionar acordeões e personalizar logótipos.

Principais características de WordPress Accessibility Helper

  • Adicionar Links de Saltar
  • Defina o tamanho da fonte de acordo com os seus desejos
  • Verificar páginas e contribuições para erros relativos à acessibilidade
  • Definir cores personalizadas para um contraste melhor/mais escuro
  • Sublinhar ou marcar todos os links

O melhor WordPress Acessibilidade Plugin para: Empresas que precisam de um Plugin robusto para fazer da acessibilidade uma característica chave do seu site e negócio. 

Preço: WordPress O acesso pode ser baixado gratuitamente. Você pode comprar a versão Pro por $80, o que lhe permite instalar Plugin em um site e receber três meses de suporte. 

WP ADA Verificação de Conformidade Básica

WP-ADA Verificação de Conformidade Básica

WP ADA Verificação de Conformidade Básica irá verificar o seu website para questões de acessibilidade web e fornecer-lhe um relatório detalhado. A avaliação é baseada nos Padrões de Acessibilidade da Web, conforme definido na Seção 508 e WCAG 2.1 LEVEL A/AA. 

Principais características do WP ADA Compliance Check Basic

  • Avalie o seu site para questões de acessibilidade web
  • Executar Relatórios de Acessibilidade
  • Receba instruções fáceis de entender para resolver problemas de acessibilidade
  • Correcção automática dos problemas de acessibilidade (apenas na versão Premium)
  • Problemas, em Theme-identificar ficheiros (apenas na versão premium)

O melhor WordPress Acessibilidade Plugin para: Empresas que queiram focar principalmente nas diretrizes legais de Acessibilidade na Web, ou empresas que estejam interessadas na função de economia de tempo da correção automática com a versão Premium.

Preço: WP ADA Compliance Check Basic pode ser baixado gratuitamente e é limitado a 25 artigos ou páginas. A versão premium começa em $165 para um website e dá-lhe um ano de suporte e actualizações. 

monitor de acesso

Monitor de acesso

O plugin monitor de acesso tem uma classificação de 5 estrelas e 400 instalações O Plugin não adiciona recursos de acessibilidade ao seu site, mas permite que você verifique o quão acessível o seu site é no momento. Também realiza uma verificação automática de acessibilidade do seu site, que é controlada pelo serviço de acessibilidade web Tenon.io. 

Principais características do Access Monitor

  • Planear relatórios de acessibilidade semanais ou mensais
  • Teste de um conjunto específico de páginas
  • Aprender sobre problemas de acessibilidade que podem ser determinados definitivamente pela máquina

O melhor WordPress Acessibilidade Plugin para: Empresas que querem uma forma simples e gratuita de identificar problemas de acessibilidade em um horário regular. 

Preço: OAccess Monitor pode ser baixado gratuitamente do repositório oficial. 

Uma nota em WordPress Plugins e Acessibilidade

É importante notar que Plugins assim como WordPress Themes podem ser submetidos por qualquer pessoa e serão submetidos a uma verificação de acessibilidade opcional durante o processo de revisão. Como resultado, muitos WordPress Plugins não cumprem as Directrizes de Acessibilidade Digital - e o seu uso pode fazer com que o seu site não esteja mais acessível. 

Exemplos comuns de tais Plugins são o Slider- ou Carrossel-Plugins, que são definidos para reprodução automática ou pausa com a interação do teclado. Outro exemplo é um formulárioPlugin que não tem campos devidamente etiquetados. Com isto em mente, você deve testar a acessibilidade do seu site cada vez que você instalar um novo Plugin . 

WordPress Themes e acessibilidade

Se você for ao repositório oficial do WordPress e filtrar sua busca por Themes acessível, você infelizmente descobrirá que há apenas 108 Themesque estão marcados como livres de barreiras. 

WordPress -Themes

Como mencionado acima, graças aos esforços da equipe Make WordPress Accessible Team, Theme fabricantes podem enviar seu Theme durante o processo de revisão para uma revisão opcional de acessibilidade. 

Para obter a etiqueta "Accessibility-Ready", um Theme deve ter Diretrizes de info-acessibilidade que estão descritas no Manual de Revisão Theme e no WordPress Codex estão listados. 

Desenvolvimento sem barreiras WordPress -Páginas

Sejamos realistas: a maioria dos utilizadores WP escolherão um prémioTheme de mercados de terceiros ou um design completamente individual. 

Se você é um desenvolvedor encarregado de criar um site WordPress acessível, há alguns tópicos que você pode usar como ponto de partida.

Sublinha

Sublinha

Sublinha foi desenvolvido pela Automattic e é um ponto de partida para a maioria dos WordPress .com disponível em Themes. O Theme contém várias funções sem barreiras. 

Gênesis por StudioPress

Gênesis

Gênesis por StudioPress é uma estrutura premium popular que pode ser usada para desenvolver a sua própria criança Gênesis acessível -Theme Alternativamente, você pode usar uma das crianças existentes -Themes com recursos de acessibilidade.  

GeneratePress

GeneratePress

GeneratePress é outro popular Theme que é acessível e pode ser usado como ponto de partida para o seu design.

WCAG Theme

WCAG-Theme

WCAG Theme foi desenvolvido com a acessibilidade em mente e está em conformidade com a Secção 508 & WCAG 2.0 AA. Também tem suporte total ao teclado. 

Astra

Astra

Astra é um popular Theme com versões gratuitas e premium, que se caracteriza por uma tag acessível, compatibilidade com o popular criador de páginas Plugins e tempos de carregamento rápidos.

O Astra oferece-lhe uma base acessível para o seu site WP e acelera o tempo e o processo de desenvolvimento. 

Mais recursos sobre acessibilidade em WordPress

Quando se trata de WordPress e acessibilidade, há uma riqueza de informações na Internet. Se você quiser saber mais sobre acessibilidade, você encontrará aqui alguns bons lugares para começar sua pesquisa:

  • Tornando Acessível WordPress ThemesUma apresentação de Joseph Karr O'Connor do WordCamp 2013 em Montreal. A apresentação abrangerá a acessibilidade em geral e a sua aplicação em WordPress , incluindo a criação de Plugins, Themes e widgets acessíveis e tornando o seu conteúdo mais acessível.
  • WordPress Ferramentas de Desenvolvimento e Acessibilidade PluginsUma lista de ferramentas e recursos fornecida pela Equipe de Acessibilidade Make WordPress para ajudá-lo a testar e melhorar os recursos de acessibilidade em seus sites.
  • Faça WordPress Página inicial acessível: O blog oficial do Make WordPress Accessible Team, onde você pode ler as últimas notícias e ajudar a tornar WordPress mais acessível.
  • Ferramenta WAVE Web Accessibility Evaluation ToolUse esta ferramenta para testar a acessibilidade do seu site. Após uma varredura, a ferramenta lhe mostrará os problemas que você precisa corrigir para cumprir as Diretrizes de Acessibilidade. 
  • ForteSe você está começando a criar seu site no Sketch ou Adobe XD, este Plugin irá ajudá-lo a garantir que seus projetos de site sejam acessíveis desde o início. 
  • Acessibilidade Roda de corEsta ferramenta permite-lhe escolher cores que tenham contraste suficiente e que cumpram as directrizes de acessibilidade. Você também pode ver como as pessoas que sofrem de cegueira de cor verão as cores que você escolher. 
  • Extensão do Machado CromadoSe utilizar o Chrome, esta extensão permite-lhe verificar qualquer website para problemas de acessibilidade com um único clique.
  • A Máquina A11yVocê pode baixar a A11y Machine do GitHub. Esta ferramenta serve como uma ferramenta de teste de acessibilidade automatizado. Em outras palavras, você pode usá-lo para testar a acessibilidade de qualquer site. A ferramenta gera então um relatório detalhado que você pode usar para melhorar a acessibilidade do seu website.

Conclusão: Como garantir a acessibilidade do seu site WP

WordPress como plataforma já lhe oferece alguns recursos de acessibilidade fora da caixa - mas ainda não está completamente livre de barreiras. Se você quiser desenvolver sites acessíveis com WordPress , há algumas coisas que você precisa considerar: 

  • Siga as Diretrizes de Acessibilidade de Conteúdo da Web oficiais e as Diretrizes de Acessibilidade do site WordPress , que estão definidas no Manual de Revisão Theme . 
  • Comece com um site acessível WordPress Theme para reduzir o tempo de desenvolvimento e criar uma base sólida para um site acessível. 
  • Use WordPress Acessibilidade Plugins e ferramentas para testar seu site acabado e garantir que ele seja acessível a todos.

Se você seguir as dicas acima, você estará no caminho certo para criar sites acessíveis e tornar a Internet mais fácil de usar e acessível para todos. E se precisar de alojamento rápido e seguro em WordPress para todos os sites acessíveis que vai criar, não hesite em versão experimental gratuita de RAIDBOXES para se registar. 

Suas perguntas: WordPress Acessibilidade e sites sem barreiras

Que perguntas para Maddy você tem? Sinta-se à vontade para usar a função de comentário. Você quer mais dicas sobre web design e desenvolvimento? Então siga-nos em TwitterFacebook ou através da nossa Newsletter.

imagem da contribuição: Desplash

Maddy Osman é uma estrategista de conteúdo SEO. Ela trabalha com clientes selecionados no WordPress e área de webhosting. Através do seu background em web design e WordPress ela tem um profundo conhecimento de SEO - e sabe exatamente como conectar marcas com conteúdos relevantes de SEO.

Artigos relacionados

Comentários sobre este artigo

Escreve um comentário

O teu endereço de e-mail não será publicado. Os campos obrigatórios estão marcados com * .