Base oficial
Os órgãos de padronização, a documentação oficial e as autoridades públicas servem como referências.
As ferramentas de qualidade revelam problemas de velocidade, acessibilidade e estabilidade, mas nenhuma pontuação substitui uma pessoa real completando uma tarefa. Compare os dados do laboratório e do campo quando o último estiver disponível.
Meça uma página em um telefone e, em seguida, complete uma tarefa por teclado e com um texto maior. Vincule as descobertas a um componente ou conteúdo específico antes de corrigi-los.
Procure recursosCada entrada tem uma função clara e retorna a um destino oficial. O catálogo evita links de links, descrições copiadas e classificações artificiais.
Os órgãos de padronização, a documentação oficial e as autoridades públicas servem como referências.
Os serviços estabelecidos são classificados por uso real: criar, hospedar, medir, proteger, publicar ou promover um site.
A presença é editorial e não remunerada. Um formulário não é uma parceria nem uma garantia.
| Critério | pergunta a resolver |
|---|---|
| tipo de teste | O resultado vem do laboratório, dados de campo ou controle humano? |
| Curso | O contato, a pesquisa e a navegação permanecem utilizáveis no teclado e no celular? |
| Prioridade | Qual problema está bloqueando um usuário e qual correção pode ser verificada? |
Mantenha um breve registro de decisão: necessidade, fonte, resultado observado e ponto a ser confirmado. Faça a mesma tarefa executada com cada solução considerada em vez de comparar listas comerciais de recursos.
Compare sua função e documentação antes de escolher uma ferramenta. A presença nesta lista não é uma classificação.
36 Recursos exibidos
O link localiza a pesquisa e os filtros, bem como os recursos selecionados para comparação.
Nenhum recurso corresponde a esses filtros. Tente uma pesquisa mais ampla.
Selecione os recursos nas folhas abaixo. Compare sua função e use e verifique as condições, custos, exportação de dados e suporte em sites oficiais. A origem geográfica descreve o editor; Ele não prova o local de hospedagem de seus dados.
Nenhum recurso selecionado.
Orientações do Google sobre desempenho na web, acessibilidade e práticas recomendadas.
Para ser usado para: Conecte as orientações de desempenho ou acessibilidade a uma medição em suas páginas.
Documentação para o navegador Chrome, DevTools e plataforma web.
Para ser usado para: Reproduza um problema no navegador e registre as etapas de teste.
Análise de desempenho com base em dados de campo e de farol.
Para ser usado para: Separe o diagnóstico do laboratório dos dados do campo quando os dados do campo estão disponíveis.
Auditoria automatizada para desempenho, acessibilidade, SEO e práticas recomendadas.
Para ser usado para: Compare as medidas repetidas na mesma página antes de priorizar uma correção.
Testes detalhados de carregamento de página de vários dispositivos e locais.
Para ser usado para: Inspecione o carregamento e a cascata da rede para um cenário e local definidos.
Relatórios de velocidade, métricas da web e cronogramas de carregamento.
Para ser usado para: Leia os detalhes do carregamento em vez de tratar a pontuação como um veredicto.
Validação de marcação HTML em relação às regras da Web.
Para ser usado para: Corrija os erros de HTML na origem e, em seguida, verifique vários modelos.
Validação de folhas de estilo CSS.
Para ser usado para: Inspecione os erros relevantes sem confundir um aviso com um defeito visível.
Tabelas de compatibilidade de navegador para tecnologias da web.
Para ser usado para: Verifique o suporte ao recurso para os navegadores usados pelo público-alvo.
Testes de sites e aplicativos em navegadores e dispositivos reais.
Para ser usado para: Repita uma jornada importante em dispositivos e navegadores prioritários.
Ferramentas automatizadas de teste de acessibilidade digital.
Para ser usado para: Emparelhe as descobertas automatizadas com a revisão humana da jornada.
Avaliação visual de problemas de acessibilidade em uma página da web.
Para ser usado para: Revise os problemas em seu contexto visual e editorial.
Recursos, treinamento e ferramentas dedicadas à acessibilidade na web.
Para ser usado para: Leia um método de acessibilidade e aplique-o a uma página real.
Compactação de imagem e comparação diretamente no navegador.
Para ser usado para: Compare o tamanho e a aparência da imagem antes de selecionar um formato.
Compressão online para formatos comuns de imagens da web.
Para ser usado para: Inspecione os detalhes da saída e o tamanho do arquivo antes de substituir uma imagem.
Avaliação francesa da pegada ambiental de uma página da web.
Para ser usado para: Use o indicador para comparar as páginas e inspecione as causas técnicas.
Recursos em francês em sustentabilidade digital e eco-design.
Para ser usado para: Relate uma recomendação de sustentabilidade aos dados de medição do local.
Padrões oficiais e exemplos para projetar componentes interativos acessíveis com ARIA.
Para ser usado para: Compare o comportamento do teclado de um componente interativo com um padrão documentado.
W3C Lista de ferramentas de avaliação de acessibilidade para complementar com testes humanos.
Para ser usado para: Selecione os auxiliares de auditoria e revise manualmente as descobertas e as jornadas do usuário.
Documentação para o caminho crítico, métricas, recursos e APIs de medição de desempenho.
Para ser usado para: Conecte uma métrica lenta a recursos, renderização e interações na página afetada.
Referência para LCP, INP, CLS e sua interpretação na experiência real do usuário.
Para ser usado para: Distinguir as medições do laboratório dos dados do usuário real, quando disponível.
Guia para medir e melhorar a capacidade de resposta da interação com o INP.
Para ser usado para: Inspecione interações lentas nas páginas onde os visitantes realmente precisam agir.
Documentação para dados de campo público usados para observar a experiência do Chrome do mundo real.
Para ser usado para: Consulte os dados de campo disponíveis antes de interpretar uma única pontuação de teste.
Referência para auditorias do Lighthouse e seus limites ao diagnosticar uma página no laboratório.
Para ser usado para: Use o diagnóstico para localizar uma causa e verifique o efeito em uma tarefa real.
Metodologia estruturada para definir o escopo, selecionar uma amostra representativa e documentar uma avaliação WCAG.
Para ser usado para: Prepare a amostra e o método antes de concluir a acessibilidade em um conjunto de páginas.
Regras de teste harmonizadas para avaliar automaticamente ou semiautomaticamente os requisitos de acessibilidade.
Para ser usado para: Entenda o que uma regra automatizada verifica e o que permanece fora de seu escopo.
Documentação para registrar e analisar renderizações, tarefas longas, interações e gargalos.
Para ser usado para: Registre uma interação lenta para encontrar tarefas de bloqueio e renderização.
Referência para recursos do DevTools que cobrem a árvore de acessibilidade, contraste e propriedades computadas.
Para ser usado para: Inspecione as propriedades expostas de um elemento e teste o uso do teclado.
W3C Tutorial sobre etiquetas, instruções, validação e mensagens que tornam os formulários mais acessíveis.
Para ser usado para: Compare um formulário real com exemplos de rótulos, erros e confirmações.
Exemplos oficiais para comunicar claramente o sucesso ou erros após o envio do formulário.
Para ser usado para: Compare os erros e confirmações de um formulário real com os exemplos de acessibilidade do W3C.
Estrutura pública digital do EcoDesign com critérios, métodos de verificação e uma declaração para documentar as opções de design de serviço.
Para ser usado para: Avalie os critérios aplicáveis e retenha evidências; A pontuação do progresso não mede uma pegada de carbono.
Referência para faixas de texto cronometradas usadas para legendas e descrições.
Para ser usado para: Compare a faixa com vídeo, idiomas e informações de áudio necessárias.
Referência para estratégias de exibição de fontes de acordo com o download e disponibilidade.
Para ser usado para: Observe os estados antes e depois do carregamento com uma fonte de fallback.
W3C Tutorial em tabelas de dados e associações entre células e cabeçalhos.
Para ser usado para: Teste uma tabela real com títulos, legendas e navegação adequada.
Orientação WAI para preparar mídia de áudio e vídeo acessível.
Para ser usado para: Planeje o texto e as informações de áudio necessárias durante a produção.
WAI Visão geral dos métodos e etapas de avaliação de acessibilidade.
Para ser usado para: Defina o escopo e as verificações humanas antes de interpretar uma pontuação automatizada.
Esses exemplos lançam luz sobre os usos; Eles não são uma classificação nem uma recomendação comercial. Verifique a documentação e as condições em vigor antes de qualquer decisão.
As ferramentas de qualidade revelam problemas de velocidade, acessibilidade e estabilidade, mas nenhuma pontuação substitui uma pessoa real completando uma tarefa. Compare os dados do laboratório e do campo quando o último estiver disponível.
Pontos a verificarPrática: Meça uma página em um telefone e, em seguida, complete uma tarefa por teclado e com um texto maior. Vincule as descobertas a um componente ou conteúdo específico antes de corrigi-los.
Limite para saber: Uma pontuação de laboratório varia de acordo com seu ambiente e não pode descrever todos os visitantes. As verificações automatizadas não cobrem todas as barreiras de acessibilidade.
Exemplos: web.dev · PageSpeed Insights
Guia associado: Teste a acessibilidade do site por meio de tarefas reais
Esse diretório não exaustivo foi sujeito a uma verificação de consistência de dados e links em 2 de outubro de 2026. Alguns sites limitam as verificações automáticas. Ele contém links externos para sites independentes. Sua disponibilidade, conteúdo, preços, cookies e condições podem mudar. Française du Numérique Não os controle e não receba nenhuma comissão por sua presença.