Algumas maneiras de tornar seu site facilmente acessível

A estruturação de uma página e seus ativos a torna adequada para a máquina, seja qual for a máquina. Adicione o tipo de técnicas de bom senso que permitem que usuários (incluindo usuários com deficiências) e máquinas acessem diretamente o conteúdo significativo e, com certeza, você está se movendo para tornar seu site facilmente acessível e amigável aos mecanismos de pesquisa.

Todos nós estamos familiarizados com o poder do WordPress, que permite que um novato ou não técnico crie e desenvolva sua própria propriedade na web. Essa plataforma é simples de configurar e fornece uma estrutura sólida para os temas e plugins que determinarão como seu conteúdo e funcionalidade serão exibidos para qualquer visitante.

Se você deseja que seu site seja acessível a pessoas com deficiência, você descobrirá que o WordPress básico tem muito o que é necessário para facilitar o desenvolvimento de um site acessível, e não é difícil levar isso adiante com a adição de plugins e boas técnica.

Antes de começarmos, há dois fatores importantes a serem observados. Primeiro, a implementação dessas quatro técnicas por si só não tornará nenhum site totalmente acessível para todos a ponto de cumprir todos os requisitos necessários, mas abordará as barreiras mais comuns ao acesso à web e proporcionará uma acessibilidade muito maior.

Em segundo lugar, é importante entender que a acessibilidade só pode ser alcançada através da cooperação de design, desenvolvimento e melhores práticas de autoria de conteúdo. Um designer pode criar um tema acessível, um desenvolvedor pode adicionar funcionalidades acessíveis, mas se um autor de conteúdo inserir uma imagem significativa sem uma tag alt, o significado completo da página da web ficará inacessível.

Pensando nisso, separamos quatro dicas para você tornar seu site de fácil acesso.

Texto alternativo para suas imagens

É bem conhecido que a maior barreira para a acessibilidade na web é usar o texto alternativo corretamente para descrever imagens em uma página da web. Se esse único ponto fosse abordado por todos que constroem sites, erradicaria o maior número de reclamações de acessibilidade. E essa é a razão pela qual sentimos o desejo de desenvolver um incrível plugin SEO Image Optimizer, que preenche a lacuna de tags alt ausentes nas imagens.

O ponto fundamental a entender é que se você vai colocar imagens em seu site, é essencial que você as rotule corretamente com texto alternativo. Em outras palavras, toda imagem que você está colocando online deve ter um significado para o robô listar sua imagem nos buscadores.

As informações na tag alt permitem que usuários de leitores de tela (que leem páginas da web em voz alta para usuários com deficiência visual), navegadores somente de texto e conexões lentas que não carregam imagens entendam as informações transmitidas pelas imagens.

Se uma imagem não tem significado, por exemplo, é usada apenas para decoração, há duas maneiras de lidar com isso. Se você carregá-la como uma imagem de fundo usando CSS, os leitores de tela a ignorarão e a imagem não exigirá uma tag alt (cuidado, porque isso também se aplica a imagens significativas: se você carregá-la em segundo plano, o leitor de tela a ignorará ). Se uma imagem for exibida usando HTML, mas for puramente decorativa, use a tag alt, mas deixe-a vazia. Isso informa ao leitor de tela que uma imagem está presente, mas não tem significado para o usuário e pode ser ignorada, o que permite tornar seu site mais acessível para um leitor

Quando você colocar rótulo em suas imagens, use algum texto descritivo que permita que pessoas que não podem ver entendam qual é o significado da imagem. Isso requer julgamento: por que a imagem está aqui e qual mensagem ela transmite, e quais palavras transmitirão melhor o mesmo significado. Não se prenda a descrições literais de cada detalhe visual, transmita o significado.

Um exemplo clássico é a imagem de uma lupa usada como botão para iniciar uma pesquisa. A imagem tem um significado, por isso deve ser descrita. Descrever como “uma lupa” não ajuda o usuário. O que eles precisam saber é que clicar neste botão iniciará uma pesquisa, então o texto alternativo de “clique aqui para pesquisar” ou mesmo apenas “pesquisar” pode ser mais apropriado.

Apenas as imagens que servem a um propósito devem ser rotuladas. Exemplos destes são os seguintes:

Imagens que são usadas como botões

Imagens que são usadas como links

Imagens que são usadas para quaisquer outros controles

Imagens que se relacionam diretamente com o conteúdo

Essa técnica se aplica a todos os sites, é claro, não apenas aos sites WordPress. O WordPress, no entanto, torna isso mais fácil do que a maioria, em primeiro lugar, permitindo que o autor do conteúdo alterne entre as visualizações Visual e HTML e, em segundo lugar, fornecendo um campo para texto alternativo sempre que uma imagem for inserida usando a funcionalidade Adicionar mídia.

Plugins para melhor acessibilidade

A acessibilidade do WordPress pode ser aprimorada usando uma variedade de plugins. Esses plugins são fáceis de configurar e permitirão que usuários com uma ampla gama de deficiências acessem o site. Aqui estão alguns plugins que encontrei que tornarão seu site facilmente acessível.

Chaves de acesso

O plugin Access Keys permite que as chaves de acesso sejam atribuídas a links e controles em seu site. Por exemplo, ao link inicial pode ser atribuída a combinação de teclas de acesso alt+h e ao botão de pesquisa pode ser atribuída a combinação de teclas alt+s. As chaves de acesso, como os exemplos fornecidos, permitem que usuários com deficiência visual, bem como aqueles com problemas de mobilidade, acessem facilmente o que desejam.

Retuíte fácil

Easy Retweet é um plugin que permite adicionar botões acessíveis à sua página que facilitam o compartilhamento de seu conteúdo no Twitter. Dessa forma, se as pessoas com deficiência desejarem compartilhar suas páginas com seus amigos, poderão fazê-lo sem nenhuma dificuldade.

AStickyPostOrderER

AstickyPostOrderER permite que você escolha a ordem em que seu conteúdo é exibido. Você pode optar por exibir o conteúdo do mais antigo para o mais recente ou na ordem inversa.

Índice Hackadelic SEO

O plugin Hackadelic SEO Table of Contents permite que você forneça um índice para suas postagens ou suas páginas. Isso tornará seu conteúdo mais fácil de encontrar.

WP-Enquetes

O WP-Polls permite que pessoas com deficiência participem de quaisquer pesquisas que você possa ter em seu site

Novos plugins estão sendo desenvolvidos o tempo todo. Use a funcionalidade do painel do WordPress para pesquisar mais. Experimente plug-ins diferentes e peça a seus usuários com deficiência para lhe dar feedback

Ao usar qualquer plug-in, certifique-se de que os plug-ins usados ​​sejam compatíveis com o tema escolhido, bem como entre si. Se seus plugins não forem compatíveis com seu tema, eles não funcionarão ou causarão mais problemas para usuários com deficiência que tentarem navegar em seu site. Se seus plug-ins não forem compatíveis entre si, seu site poderá ficar inutilizável ou o conteúdo poderá ser exibido incorretamente.

Caminho a percorrer com títulos

Ao criar páginas, é vital estruturar o conteúdo usando títulos na ordem correta: <h1> , <h2> , <h3> e assim por diante. Quando você estrutura o conteúdo usando títulos, as pessoas que usam leitores de tela podem obter um resumo do que tratam as páginas e navegar nelas com mais facilidade. Os usuários de leitores de tela podem acessar as seções de conteúdo que desejam pressionando a letra “H” para avançar e “shift+H” para retroceder.

Você pode rotular seu conteúdo usando os títulos de um a seis para tornar seu site facilmente acessível. Verifique como seu tema usa títulos (por exemplo, seu tema pode ou não aplicar <h1> ao título do site e esse título do site pode ou não aparecer em todas as páginas da web. De qualquer forma, certifique-se de que o primeiro título usado seja <h1> e os seguintes títulos (título da página, subseções da página, títulos dos parágrafos) descem em ordem até <h6> , quando apropriado.

Há alguma flexibilidade na ordenação, mas a opção mais sensata é manter os títulos em ordem numérica e realmente não misturá-los, pois isso criará uma situação perigosa tanto para o usuário quanto para o mecanismo de pesquisa (não os misture assim - > <h1> , <h4> , <h2> , etc).

Links de navegação são úteis

Finalmente, você precisa ter links de navegação no design do seu site. Esses links de navegação permitirão que os usuários com deficiências ignorem a barra de navegação ou outros menus e caixas de pesquisa e saltem para determinados locais da página clicando nesses links. Ou, o usuário pode pular rapidamente para as seções desejadas no site. Esses links precisam aparecer onde for necessário para os usuários pularem para conteúdo significativo. Exemplos do que esses links podem dizer são:

Ir para o conteúdo principal

Ir para a barra de navegação

Ir para a pesquisa

Alguns temas do WordPress já podem fornecer esses links. Se for esse o caso, você precisará verificar esses links para ver se precisa adicionar algum de sua preferência. Outros temas, no entanto, não fornecerão links de navegação. Assim, você precisará adicionar esses links você mesmo.

Empacotando

Vou repetir o que disse anteriormente que nenhuma dessas etapas garante um site 100% acessível, mas sim, aumentará a acessibilidade do seu site para todos os visitantes que visitam seu site e seu site é mais acessível do que 90% dos sites WordPress disponíveis .

Os visitantes com deficiência poderão navegar pelo seu site da mesma forma que os outros visitantes. Como esses visitantes também incluem robôs de pesquisa, você deve ter certeza de que tornar seu site acessível também beneficiará sua empresa e ajudará você a se classificar nos mecanismos de pesquisa, resultando em mais lucro para sua empresa.

Espero que esta postagem do blog tenha sido útil para você e que você esteja pegando alguns elementos-chave daqui que