como você sabe se seu site é 100% WCAG 2.1 compatível? Quais são as melhores ferramentas de teste de acessibilidade da web que você poderia usar?, Aqui estão 5 automatizado de ferramentas de teste de acessibilidade que nós recomendamos que você tente primeiro:
Foto por João Schnobrich no Unsplash
Você já passou através de orientações, normas, avisos e melhores práticas incluídas nas recomendações do W3C e… você está preso. Como você sabe se o seu site é 100% WCAG 2.1 compatível? Quais são as melhores ferramentas de teste de acessibilidade da web que você poderia usar?,
Free, easy to use accessibility evaluation tools that you could run on your website to spot the issues lurking in there.
e que pode até dar-lhe algumas recomendações valiosas sobre as melhores formas de as abordar.
tudo o que antes de você realmente ter alguém (ou mesmo uma equipe inteira de testadores de QA) rever o seu site. Antes de realizar uma auditoria de acessibilidade profunda e executar sessões de teste centradas no utilizador com… pessoas reais envolvidas.,
deve estar a pensar nas extensões do navegador…
estão tão acessíveis: basta abrir a página que deseja verificar e carregar num botão na sua barra de ferramentas. Eles são gratuitos e fazem grandes “starts” para identificar problemas de acessibilidade em seu site. E por conseguir algumas recomendações valiosas sobre como resolvê-las.
assim, Aqui estão 5 ferramentas de teste automatizado de acessibilidade que recomendamos que você tente primeiro:
“Existem algumas ferramentas recomendadas disponíveis que possam me ajudar a testar questões de acessibilidade?,r contraste em algumas páginas (ou nenhum contraste em tudo)
uma ou mais imagens não têm ALT descrições adicionada a
um editor de apagado o conteúdo para uma das tags H2, mas deixou essa marca remanescentes lá e confundindo os leitores de tela
alguém da sua equipe de design tem de colocar um marcador de posição de texto em vez de um campo de texto, que se arrisca a apresentar um sem rótulo de campo, que os leitores de tela não pode… leia
há uma etiqueta em falta a partir do seu boletim de inscrição formulário
Estas são frequentes questões que a acessibilidade da web, as ferramentas de avaliação podem ajudar a detectar e endereço.,
Eles se dividem em várias categorias:
extensões de navegador, que nós vamos concentrar-nos neste post
ferramentas de linha de comando de teste de acessibilidade de ferramentas que você pode integrar com seu sistema de integração contínua
Sugestão: tenha em mente que as seguintes 5 melhores para a acessibilidade da web, ferramentas de teste de detectar cerca de 30% dos problemas. Eles constituem um grande ponto de partida para uma auditoria mais complexa e uma estratégia de acompanhamento abrangente que você deve estabelecer.,
Wave, a venerada Ferramenta de Avaliação de Acessibilidade Web para o Chrome
um verificador de acessibilidade do site completo, fácil de usar, que tem estado na maioria dos kits de ferramentas de desenvolvedores há alguns anos.,
veja como funciona:
adiciona um visual sobreposição de ícones de erro e indicações para a página da web que você está auditoria
ícones que, quando clicados, fornecer informações e recomendações sobre as questões de acessibilidade detectados: redundante títulos, elementos estruturais, links para HTML, pobres contraste de cor, como os problemas de impacto diferentes tipos de usuários, o que WCAG diretrizes violam, etc.,
indica-lhe o código “problemático” através de HTML anotado aparecendo no painel na parte inferior da tela
Em suma, Wave é um dos verificadores de acessibilidade robusta do site que vai além de simplificar o seu processo de auditoria.
também é orientado para a educação dos usuários (proprietários de sites, Testadores de perguntas e respostas) sobre as questões de acessibilidade a prestar atenção.
“How to use Wave accessibility tool?,”
de Qualquer forma:
você pode simplesmente introduza o URL no campo dedicado em seu site
você pode baixar a extensão do navegador
Ir para a extensão, especialmente se é dinâmico, protegido por senha e armazenados localmente páginas da web que você precisa verificar.
Tenon, acessibilidade como um serviço
” How do I test accessibility?”
Tenon’s another tool that comes both in a free and paid version.,
What makes it “worthy” of this top 5 selection?,y testes após negligenciado diretrizes já se transformou em questões críticas que afetam a experiência do usuário
é uma ferramenta flexível para criadores de conteúdo, designers, desenvolvedores e testadores
gera… generoso relatórios com trechos de código para cada erro, correspondente WCAG diretrizes, e recomendações sobre como corrigi-los
Em resumo: Tenon ajuda você a executar de forma preventiva tipo de verificação de acessibilidade em seu site., Além disso, você pode facilmente incorporar Tenon em seu conjunto de ferramentas através de sua API. Integra-se sem problemas com qualquer CMS, IDE, ferramenta de implantação ou construção automatizada que você possa estar usando.
Google Lighthouse, One of the Top automatic Accessibility Testing Tools
” How do I know if my website actually is WCAG 2.0 compliant?,para usar o
Além disso, este teste de acessibilidade ferramenta é parte de todo um conjunto de verificações que você pode executar usando o google Chrome Developer Tools:
SEO
Progressivo Web App
Desempenho
as Melhores Práticas
o Que ele faz é fornecer-lhe um relatório completo de seus resultados de teste:
se todos os botões na página de ter nomes acessíveis ou não
se todas as imagens têm atributos ALT adicionada a
se de que a página tem um título ou não …
em seguida, você simplesmente tirá-lo de lá e melhorar as áreas assinalado no relatório.,
E veja como usá-lo:
abra devtools no seu Navegador Chrome
olhar para o “Auditorias” guia
clique em “Realizar uma Auditoria”
Sugestão: salvar o relatório em um formato JSON para mais tarde (ou enviá-lo para alguém na sua equipe).outra grande coisa sobre o Google Lighthouse é que é uma daquelas ferramentas de avaliação de acessibilidade da web que não exigem que você se inscreva. Você apenas arraste um relatório para o visualizador de relatórios on-line que lhe fornece.
extensão do navegador Axe
” como você sabe se o seu site realmente é WCAG 2.,0 complacente?”
Você “pegar” uma ferramenta como o Machado aqui e dar ao seu site um sistema automatizado de auditoria.
ele irá apenas anexar-se como uma nova página às ferramentas Dev do seu Cromo. Assim que clicar no botão azul “analisar”, você receberá uma lista completa de “violações” detectadas em sua página.por que a incluímos em nossa lista altamente exclusiva de 5 melhores ferramentas de teste de acessibilidade da web?,
porque é gratuito (self-contained de código-fonte aberto da biblioteca)
porque você obter para personalizar os ajustes para o seu teste de acessibilidade necessidades: adicionar regras específicas, integrá-lo com estruturas de teste e navegadores de sua escolha…
porque cada sinalizado problema “expõe” o correspondente de marcação, como bem
Basta clicar em “Inspecionar código” e você é levado para a guia em DevTools, onde o “culpado elemento” é descrito.,
dica: outra razão pela qual este é um dos primeiros verificadores de acessibilidade do site que você deve considerar é que o relatório de acessibilidade Axe vai além de sinalizar violações claras das diretrizes de acessibilidade.ele também destaca aspectos que você pode melhorar na interface do seu site.
Siteimprove, Um dos Melhores para a Acessibilidade da Web, Ferramentas de Teste
Nós confessamos: Siteimprove é o nosso site favorito verificador de acessibilidade., Aqui está o porquê:
isso nos fornece informações práticas sobre todos os problemas que detecta
gera explicações claras sobre o impacto desses problemas em alguns usuários
também “estraga” a gente com experiência de usuário intuitiva: questões obter destaque para o lado direito da página
sempre que você adicionar que a página da web inteira processo de auditoria é realizado em nosso navegadores google Chrome.fácil de usar e altamente eficiente. O que mais você poderia desejar de uma ferramenta de teste de acessibilidade gratuita?,
palavra Final
transformar este tipo de teste de acessibilidade — usando extensões Chrome — numa parte de uma estratégia de teste mais abrangente.
não deve limitar a sua avaliação aos resultados obtidos utilizando qualquer uma destas 5 melhores ferramentas de teste de acessibilidade da web.
ainda há algum nível de “intervenção humana” necessário para interpretar esses resultados. Para dar os passos certos, certo?,
Usá-los se você quiser apenas verificar se:
não são quaisquer imagens sem ALT descrições em seu site
HTML é válido
os campos do formulário têm ambos os rótulos e descrições
Considerando que para avaliar:
se que HTML é semântica ou não
se aqueles campo de formulário descrições são suficientemente amigo do utilizador
se existe um título apropriado hierarquia em uma determinada página em seu site
… você vai precisar de uma análise humana.,
teste de acessibilidade automatizado irá (apenas) apontar aspectos-chave para os seus testadores de QA se concentrarem.
the END!usou alguma destas ferramentas de teste de acessibilidade no seu site?
normalmente interrompe a sua auditoria ou utiliza um tipo de teste manual de”combo”automatizado &? Depende realmente do contexto?
