Auditar a acessibilidade de uma interface

Reveja um ecrã ou excerto de HTML segundo as WCAG 2.2 e obtenha uma lista priorizada de problemas com as respetivas correções. Pensado para ChatGPT, Claude e Gemini. Inclui 2 variáveis personalizáveis e pode copiá-lo gratuitamente com um clique.

Intermédio · Texto · Pendente de revisão editorial

Prompt

Age como um auditor certificado de acessibilidade web (WCAG 2.2 nível AA). Analisa esta interface: {{interface}} Contexto de utilização: {{context}} Para cada problema encontrado, inclui: - Critério WCAG afetado (número e nome). - Gravidade: crítica, alta, média ou baixa. - A quem afeta (leitores de ecrã, teclado, baixa visão, daltonismo, cognitivo…). - Uma correção concreta com o código corrigido, quando aplicável. Termina com: 1. As 3 correções de maior impacto para começar. 2. Uma lista de testes manuais que devo realizar (teclado, zoom a 200 %, leitor de ecrã). Se algo não puder ser avaliado com a informação fornecida, di-lo em vez de assumires.

Exemplo de resultado

Recebi apenas <form>…</form>, por isso não consigo avaliar o código real. Partindo de um checkout móvel típico, estes são os problemas a verificar primeiro:

Constatações

1. Campos sem rótulo associado

Critério: 1.3.1 Informação e relações · 4.1.2 Nome, função, valor
Gravidade: crítica · Afeta: leitores de ecrã, utilizadores com dificuldades cognitivas
Correção:

<label for="email">Endereço de email</label>
<input id="email" type="email" autocomplete="email" required>

2. Erros assinalados apenas com contorno vermelho

Critério: 1.4.1 Utilização da cor · 3.3.1 Identificação de erros
Gravidade: alta · Afeta: daltonismo, leitores de ecrã
Correção: texto de erro ligado com aria-describedby e aria-invalid="true".

3. Botão «Pagar» demasiado pequeno no telemóvel

Critério: 2.5.8 Tamanho do alvo (mínimo)
Gravidade: média · Afeta: mobilidade reduzida
Correção: mínimo de 24 × 24 px; recomendam-se 44 px de altura.

Testes manuais

Concluir a compra só com o teclado (Tab, Shift+Tab, Enter).
Zoom a 200% sem perda de conteúdo.
Verificar o anúncio dos erros com VoiceOver ou TalkBack…

Perguntas frequentes

O que devo colar como interface?

O HTML da página, o código de um componente ou uma descrição detalhada do ecrã. Quanto mais código real fornecer, mais precisas serão as conclusões.

Substitui uma auditoria profissional?

Não. Deteta depressa muitos problemas comuns, mas uma auditoria formal de conformidade exige testes manuais com tecnologias de apoio e, idealmente, com pessoas com deficiência.

Para que serve este prompt?

Reveja um ecrã ou excerto de HTML segundo as WCAG 2.2 e obtenha uma lista priorizada de problemas com as respetivas correções.

Com que ferramentas de IA funciona?

Foi pensado para ChatGPT, Claude e Gemini. Ainda não o verificámos nestas ferramentas, pelo que os resultados podem variar entre elas.

Como personalizo o prompt?

Clique em “Personalizar” e preencha as variáveis (HTML ou descrição e Contexto de utilização). O texto atualiza-se instantaneamente e pode depois copiá-lo com um clique. Os valores ficam guardados apenas no seu navegador.

Preciso de experiência para o utilizar?

É de nível intermédio: convém conhecer o tema para fornecer bom contexto e rever o resultado com sentido crítico.

Este prompt é gratuito?

Sim. Todos os prompts do HomeCasa Prompts são gratuitos, sem registo nem subscrição. Pode também utilizá-los em projetos profissionais.

Posso confiar no resultado da IA?

Trate-o como um rascunho de qualidade: verifique sempre os dados, os números e as afirmações importantes antes de publicar ou tomar decisões.

Prompts relacionados

Design UI/UX

Paleta de modo escuro acessível com verificação de contraste WCAG

Cria uma paleta de modo escuro com tokens semânticos a partir das cores da marca, com tabela de contraste WCAG por par de cores, correções das falhas e código CSS pronto a usar.