Torne um site WordPress acessível para comprometimento da visão e outras deficiências

A leitura deste tutorial ensinará como expor facilmente seu site a visitantes com deficiência de visão e outras deficiências. As instruções explicadas neste artigo não danificarão seu desempenho de SEO e até afetarão positivamente.

Vou usar um plug -in chamado WP Acessibilidade para este artigo, mas você pode escolher qualquer plug -in que desejar. Neste caso excepcional, as informações teóricas que você adquirirá é mais importante do que as etapas práticas.

Todas as etapas explicadas neste tutorial incluem capturas de tela, facilitando para os novos usuários do WordPress segui -los.

Aspectos importantes ao transformar o site do WordPress acessível para visitantes deficientes

Os padrões de acessibilidade da Web são definidos no WCAG (Diretrizes de Acessibilidade ao Conteúdo da Web). Essas diretrizes visam transformar sites acessíveis de acordo com os seguintes critérios:

• Sentido perceptível: Os sites acessíveis devem permitir que os visitantes percebam o conteúdo através de seus sentidos: opções de visibilidade dos visitantes de comprometimento da visão e audição para visitantes cegos.
• Ferramentas de acessibilidade Compatibilidade: A acessibilidade também exige que o site seja compatível com ferramentas de acessibilidade usadas por visitantes desativados.
• Dificuldade de conteúdo: O conteúdo pode ser otimizado para a capacidade cognitiva reduziu os visitantes.
• Tecnologia: Sites acessíveis também são otimizados para todos os tipos de dispositivos e conexões de baixa qualidade instáveis.

WCAG define três níveis de acessibilidade: A, Aa, e Aaa. Onde A é a menor otimização para a acessibilidade, AA é o nível de otimização de médio e AAA é o nível máximo de otimização para acessibilidade.

Alguns dos pontos importantes ao tornar seu site acessível são:

• Atributos alt: Apesar dos atributos alt que estão sendo usados ​​por especialistas em SEO para aumentar o tráfego, esse atributo foi originalmente desenvolvido para ajudar os usuários a aprender o objetivo de uma imagem. O atributo alt contém informações para a leitura do software para se comunicar para cegos usuários a função ou descrição de uma imagem.
• Pule links: Os links de skip são links no início de um site, permitindo que o usuário ignore rapidamente o conteúdo e acesse o conteúdo relevante. Eles são muito úteis para os usuários que usam um leitor de tela ou sem mouse.
• Contraste de cores: Existem diferentes níveis de cegueira; Para alguns deles, manter um alto nível de contraste é crítico. As diretrizes mais recentes do WCAG exigem uma taxa de contraste de pelo menos 3: 1 para mídia e interface do usuário. O nível WCAG AAA requer uma taxa de contraste de pelo menos 7: 1 para texto normal. Para textos grandes, requer uma proporção de 5: 1.
• Compatibilidade de software: Isso significa que seu site deve ser compatível com o software de assistência.
• Formulários: Formas compatibilizantes é um aspecto importante ao tornar o seu site acessível. Isso inclui excluir dados irrelevantes, rótulos específicos para fazer seus visitantes entenderem cada campo, validando a entrada e corrigindo erros sem preencher o formulário de 0.

Torne um site WordPress acessível para comprometimento da visão e outras deficiências

Esta seção prática explica como tornar seu WordPress acessível para deficiências.

Para começar, faça login no seu painel do WordPress e no menu esquerdo, pressione o Plugins opção e depois pressione Adicionar novo no submenu exibido, como mostrado na captura de tela abaixo (Plugins>Adicionar novo).

Na tela de instalação dos plugins, encontre a caixa de pesquisa de palavras -chave mostrada na imagem abaixo e digite “Acessibilidade”. Depois que os plug -ins disponíveis estiverem listados, pressione o instale agora botão para o plug -in nomeado Acessibilidade do WP.

Depois que o plug -in estiver instalado, ative -o pressionando o Ativar botão.

Depois de ativar o plug -in, acesse suas opções de configuração movendo o ponteiro do mouse sobre Configurações no menu esquerdo do painel e Acessibilidade do WP no submenu exibido (Configurações>Acessibilidade do WP).

Continue lendo abaixo para configurar cada aspecto de acessibilidade deste plug -in.

Configurando a acessibilidade do WP (Etapa 1): Skip Links

Depois de abrir as configurações do plug -in de acessibilidade do WP, primeiro, você verá uma opção para adicionar links de pular.

Os links de salto são links estrategicamente localizados que permitem aos usuários que usam leitores de tela ou confiam em um teclado (sem mouse) para acessar o conteúdo mais relevante do site rapidamente, pulando conteúdo não relevante ou menos relevante. Por exemplo, um usuário cego usando um leitor de tela ou um usuário com deficiência de mobilidade usando um teclado sem um mouse pode acessar o conteúdo principal do site, pulando informações irrelevantes, simplesmente acessando um link estrategicamente localizado.

A primeira seção permite ativar links de salto, para que seus usuários possam acessar informações relevantes, ignorando o conteúdo não relevante.

Habilite -o e defina o alvo do link pelo ID que você pode encontrar no código da sua página.

A opção “Estilos para skiplinks quando eles têm foco” é útil para adicionar estilos CSS quando uma guia e foco são colocados nos links de pular. Na opção “Estilos para links de pular sem foco”, você pode adicionar estilos CSS quando o foco não é colocado nos skiplinks.

Depois de definir suas configurações de links de salto, pressione o Atualize as configurações do skiplink botão.

Abaixo você pode configurar suas barras de ferramentas. Você pode adicionar uma barra de ferramentas de acessibilidade para os usuários ajustarem o Fontsize e o contraste; Além disso, você pode excluir alguns itens desta barra de ferramentas. Adicione um atributo de identificação à sua barra de ferramentas especificando sua localização em seu site. Você também pode ocultar a barra de ferramentas, dependendo do tamanho da tela ou colocá -la na parte direita da tela, entre outras opções intuitivas. Depois de terminar, pressione o Atualize as configurações da barra de ferramentas botão.

Na seção Diversas Configurações de Acessibilidade, você pode definir o idioma do site e os botões úteis (como "Leia mais"). Você também pode rotular automaticamente os formulários de entrada para os usuários identificá -los. Opções adicionais permitem remover certos atributos, desativar a tela cheia e muito mais; Todos eles são intuitivos. Lembre -se de atualizar suas configurações pressionando o Atualizar configurações diversas botão ao terminar.

Rolando para baixo, você pode remover atributos de título das nuvens de tags.

Por fim, você pode testar o contraste de cores do seu site em saber se é amigável para visitantes com deficiência de visão.

Isso é tudo para tornar seu site acessível para usuários com deficiência de visão e outras deficiências, impedindo -os de usar um mouse.

Conclusão

Tornar seu site acessível aos usuários com deficiência é muito importante devido ao humanismo por trás disso e porque você pode estar perdendo usuários importantes para o seu negócio, sua causa ou seu blog.

Como você pode ver, qualquer usuário no nível do WordPress pode tornar seu site acessível para todos os tipos de usuários seguindo algumas etapas descritas acima. Existem muitas alternativas ao plug -in explicado neste artigo; Você pode escolher qualquer um deles. Lembre -se, ao usar este plug -in (acessibilidade do WP), você precisará salvar alterações para cada seção que você edita. Planejando seu site para todos os usuários pode ter um grande impacto em seu site.

Obrigado por ler este artigo. Continue seguindo o Linux Dint para mais tutoriais de alta qualidade do WordPress.