# Verificador de acessibilidade Detecta problemas comuns de WCAG 2.1 em HTML, paginas ou imagens de design e retorna orientacoes praticas > Página canônica: https://elysiatools.com/pt/tools/accessibility-checker - **Categoria:** Validation - **Palavras-chave:** acessibilidade, wcag, contraste, alt, teclado, a11y ## Visão geral O Verificador de Acessibilidade analisa trechos de código HTML, URLs de páginas web ou imagens de design para identificar problemas comuns de conformidade com as diretrizes WCAG 2.1. Com suporte para os níveis AA e AAA, a ferramenta detecta falhas de contraste, ausência de atributos alt, botões sem rótulos e problemas de navegação, gerando um relatório detalhado com orientações práticas para correção. ## Entradas - **Entrada HTML** (textarea) - **URL da pagina** (text): https://example.com - **Imagem de design** (file) - **Nivel WCAG** (select) ## Quando usar - Durante o desenvolvimento front-end para validar trechos de HTML antes de enviar para produção. - Na fase de design de interface (UI) para verificar o contraste de cores em mockups e imagens. - Em auditorias de acessibilidade para escanear URLs de páginas ativas em busca de violações das diretrizes WCAG. ## Como funciona - Insira o código HTML, informe a URL da página ou faça o upload de uma imagem de design (PNG, JPEG, WEBP ou SVG). - Selecione o nível de conformidade desejado (WCAG AA ou WCAG AAA). - A ferramenta processa a entrada e aplica heurísticas de acessibilidade para identificar falhas. - Um relatório em HTML é gerado com os problemas encontrados e sugestões diretas de correção. ## Casos de uso - Garantir que botões, links e campos de formulário em um novo componente HTML tenham rótulos adequados para leitores de tela. - Validar a paleta de cores de um protótipo de design para evitar problemas de leitura para usuários com baixa visão. - Realizar uma verificação rápida de conformidade WCAG 2.1 em uma landing page recém-publicada. ## Perguntas frequentes ### Quais tipos de arquivos de imagem são suportados? Você pode enviar imagens nos formatos PNG, JPEG, WEBP e SVG com tamanho máximo de 20 MB. ### Qual a diferença entre os níveis WCAG AA e AAA? O nível AA é o padrão exigido pela maioria das legislações, enquanto o AAA é o nível máximo de acessibilidade, com regras mais rígidas de contraste e navegação. ### A ferramenta corrige o código automaticamente? Não, ela gera um relatório apontando os erros e fornece orientações práticas para que você mesmo aplique as correções no seu código. ### Posso testar uma página que exige login? Não. Para páginas restritas, recomendamos copiar o código-fonte HTML da página autenticada e colá-lo no campo de entrada HTML. ### O que a análise de imagem verifica? Ela aplica heurísticas baseadas na paleta de cores da imagem para detectar possíveis riscos de baixo contraste visual. ## Ferramentas relacionadas - [Gerador de Data URI](https://elysiatools.com/pt/tools/data-uri-generator): Converte arquivos em Data URIs (Base64 ou porcentagem-codificada) para incorporar imagens, fontes e recursos diretamente em HTML, CSS ou Markdown - [Fragmentos de Cabeçalho/Rodapé PDF](https://elysiatools.com/pt/tools/pdf-header-footer-snippets): Converte HTML para PDF com logo, título e data - [Ferramenta de Opacidade de Marca d'Água](https://elysiatools.com/pt/tools/image-watermark-opacity): Adicione marcas d'água com opacidade personalizada às imagens, suportando marcas d'água de texto e imagem com controles avançados de opacidade - [Ferramenta de Marca d'Água de Canto](https://elysiatools.com/pt/tools/image-watermark-corner): Adicione marcas d'água de canto às imagens com posicionamento, tamanho, opacidade e opções de cantos múltiplos personalizáveis - [Ferramenta de Marca d'Água Diagonal](https://elysiatools.com/pt/tools/image-watermark-diagonal): Adicione marcas d'água diagonais a imagens com ângulo, tamanho, opacidade e posicionamento ao longo da diagonal personalizáveis - [Ferramenta de Marca d'Água com Imagem](https://elysiatools.com/pt/tools/image-watermark-image): Adicione marcas d'água de imagem a imagens com posição, tamanho, opacidade e rotação personalizáveis - [Ferramenta de Mosaico de Marca d'Água](https://elysiatools.com/pt/tools/image-watermark-tile): Adicione marcas d'água em mosaico a imagens com tamanho, opacidade, espaçamento e padrões personalizáveis - [Gerador de Favicon SVG](https://elysiatools.com/pt/tools/svg-favicon-generator): Transforma um logo SVG ou raster em um pacote favicon completo com ICO, variacoes PNG, Apple touch icon e web manifest ## Exemplos - [Exemplos de Processamento de Imagem Android Java](https://elysiatools.com/pt/samples/android-image-processing-java): Exemplos de processamento de imagem Android Java incluindo leitura/escrita, dimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Android Kotlin](https://elysiatools.com/pt/samples/android-image-processing-kotlin): Exemplos de processamento de imagem Android Kotlin incluindo leitura/escrita, dimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Web Python](https://elysiatools.com/pt/samples/web-image-processing-python): Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Web Rust](https://elysiatools.com/pt/samples/web-image-processing-rust): Exemplos de processamento de imagem Web Rust incluindo leitura/gravação, redimensionamento e conversão de formato ## Conteúdo relacionado - [Ferramentas de auditoria de acessibilidade web e cores acessiveis](https://elysiatools.com/pt/hubs/web-accessibility-audits): Revise problemas WCAG, ordem de leitor de tela, falhas de contraste, risco para deficiencia de visao de cores e escolhas de cor acessivel em um unico hub para fluxos de acessibilidade web. - [Ferramentas de conversao de formatos de imagem e exportacao animada](https://elysiatools.com/pt/hubs/image-convert): Compare conversores de imagem para JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64 e saidas voltadas para animacao em um unico hub. - [Ferramentas de conversão de caixa, codificação e normalização de texto](https://elysiatools.com/pt/hubs/text-convert): Compare conversão de caixa de texto, conversão de largura de caracteres, conversão de codificação, tratamento de quoted-printable e normalização de texto em um único hub. - [Ferramentas de limpeza, acabamento e preparo em lote de imagens](https://elysiatools.com/pt/hubs/image-utility): Reune em um so hub ferramentas para limpar imagens, recortar bordas, adicionar margem ou moldura, redimensionar e comprimir em lote, aplicar marca d agua e dar acabamento visual.