“Acessibilidade na Web” refere-se ao conteúdo projetado para que os usuários com deficiências possam acessá-lo. Acessibilidade envolve uma ampla gama de deficiências, incluindo visual, auditivo, físico, fala, cognitivo, linguagem, aprendizagem e neurológica.
A acessibilidade se sobrepõe a outras disciplinas, como o design responsivo, a usabilidade e a otimização de mecanismos de pesquisa. Como resultado, sites acessíveis podem ter um maior alcance de público, melhores resultados de pesquisa e demonstrar responsabilidade social para os usuários.
Aqui está uma lista de ferramentas e plugins para acessibilidade do site, incluindo plugins e temas de loja de virtual para o WordPress. A maioria dos conceitos básicos de acessibilidade é fácil de implementar após revisar problemas e soluções comuns. Sempre que possível, incorpore a acessibilidade no início de qualquer projeto.
Ferramentas de acessibilidade
W3C WAI . O World Wide Web Consortium – W3C – através de sua Web Accessibility Initiative desenvolve especificações técnicas, diretrizes, técnicas e recursos de suporte que descrevem soluções de acessibilidade. Sua Web Content Accessibility Guidelines 2.0 abrange uma ampla gama de recomendações para tornar o conteúdo da web mais acessível. O W3C ainda fornece uma coleção de tutoriais que mostram as melhores práticas para o desenvolvimento de conteúdo acessível.
Diretrizes de Acessibilidade ao Conteúdo da Web 2.0
WAVE . O WAVE é uma ferramenta de avaliação gratuita fornecida pelo WebAIM – Web Accessibility In Mind. Ele fornece feedback visual sobre a acessibilidade do seu conteúdo da Web, injetando ícones e indicadores em sua página. Nenhuma ferramenta automatizada pode dizer se sua página é totalmente acessível, mas o WAVE facilita a avaliação humana e instrui sobre problemas de acessibilidade. O WAVE tem extensões para o Chrome e o Firefox.
Verificador de acessibilidade do CKEditor 4 . O Accessibility Checker é uma extensão gratuita para o CKEditor 4, um editor HTML WYSIWYG com arquitetura baseada em plugins. Com a verificação de acessibilidade, inspecione o nível de acessibilidade do conteúdo criado no CKEditor e, em seguida, solucione os pontos fracos. Verifique a conformidade com os requisitos mais recentes da WCAG 2.0 e da Seção 508.
AChecker . O AChecker é usado para avaliar o conteúdo HTML quanto a problemas de acessibilidade inserindo um URL, carregando um arquivo HTML ou colando o código-fonte HTML completo de uma página da web. O AChecker produz um relatório, identificando problemas conhecidos, prováveis e potenciais. Ative os validadores de HTML e CSS, mostre erros de origem, selecione diretrizes para validar e visualize relatórios por critérios de diretriz ou números de linha.
tota11y . Fornecido pela Khan Academy, o tota11y é uma ferramenta de visualização de acessibilidade. É um único arquivo JavaScript que insere um pequeno botão no canto inferior do documento e ajuda a visualizar o desempenho do seu site com tecnologias assistivas.
tota11y
ax é uma biblioteca de código aberto independente e mecanismo de teste para acessibilidade. Ele pode ser personalizado para incluir regras especializadas e para se integrar a navegadores e estruturas de teste. O ax foi desenvolvido para ajudar os desenvolvedores a fazer testes automatizados de acessibilidade em suas próprias mãos e evitar armadilhas comuns de outras ferramentas de acessibilidade automatizadas.
NoCoffee é uma extensão gratuita do Chrome para entender os problemas enfrentados por pessoas com problemas de visão leves a extremos. A ferramenta é útil para entender os vários tipos de problemas de visão.
CheckMyColours é uma ferramenta para verificar combinações de cores de primeiro e segundo plano e determinar se elas fornecem contraste suficiente quando vistas por alguém com déficits de cor. Todos os testes são baseados nos algoritmos sugeridos pelo W3C.
ATBar é uma barra de ferramentas open-source e cross-browser para ajudar os usuários a personalizar a maneira como eles interagem com as páginas da web. O ATbar permite que os usuários alterem a aparência de uma página, aumentem e diminuam o tamanho das fontes, leiam o texto em voz alta, usem sobreposições coloridas e recebam assistência de legibilidade.
WordPress
Temas para lojas virtuais com acessibilidade para WordPress . Aqui está uma coleção de temas de comércio eletrônico WordPress prontos para acessibilidade. Inclui o Storefront , um tema WooCommerce da Automattic com mais de 100.000 instalações ativas.
Montra
WP Accessibility. . Este plugin ajuda com muitos problemas comuns de acessibilidade em temas do WordPress. Adicione uma barra de ferramentas para alternar entre as visualizações de alto contraste, impressão grande e não saturada do seu tema.
wA11y . A missão do plugin wA11y é fornecer ferramentas para ajudá-lo a avaliar e melhorar a acessibilidade do seu site. Suas ferramentas incluem tota11y, WAVE e uma variedade de filtros.
Poesia Acessível . A Poesia Acessível fornece soluções para problemas comuns de acessibilidade em sites. Os usuários podem acessar uma barra de ferramentas para alterações de fonte e contraste. Os Skiplinks permitem que os usuários naveguem entre as principais áreas da página pelo teclado. Receba alertas de imagens sem texto alternativo; fornecer efeito de contorno para objetos no modo de foco; e adicione código personalizado para acessibilidade.
Poesia Acessível
Text-To-Speech Converter permite que qualquer texto seja convertido em linguagem falada. Toda a função TTS é baseada em uma API externa. A funcionalidade de leitura de texto pode ser implementada para transmitir todas as informações aos visitantes para ajudá-los a interagir com o site com mais facilidade.
Formulário de contato 7: padrões acessíveis . Esse plug-in gera um equivalente acessível da versão padrão do Formulário de Contato 7. Ele adiciona um conjunto de tipos de formulários básicos adicionais para modelar novos formulários acessíveis.
Acessibilidade Divi . Embora existam muitos plug-ins para melhorar a acessibilidade do tema WordPress, esse é um dos problemas de acessibilidade encontrados especificamente no Divi, o criador de páginas. Este plugin melhora a acessibilidade Divi de acordo com as diretrizes da WCAG 2.0.
