Novo no Agora · Servidor MCP
O servidor MCP integrado no Agora dá ao Claude Code, ao Cursor, ao GitHub Copilot e a qualquer outro agente compatível com MCP uma verdadeira ferramenta de testes de acessibilidade. O agente analisa a página que acabou de criar, vê exatamente o que falha e porquê, corrige o código e volta a analisá-la para o comprovar – antes mesmo de o pull request existir.
Exemplo animado de uma sessão de programação: um programador pede ao seu agente de IA que verifique se localhost:3000/checkout tem problemas de acessibilidade e que os corrija. O agente chama a ferramenta scan_url do Agora e obtém uma pontuação de 58 em 100 com quatro problemas: um botão sem nome, uma imagem sem texto alternativo, texto com pouco contraste e um campo sem etiqueta. Corrige o código em três ficheiros, volta a analisar e chega a 100 em 100.
Compatível com
A lacuna na UI escrita por IA
Os agentes de programação aprenderam com a web, e a maior parte da web não é acessível: botões só com ícone, etiquetas em falta, texto com pouco contraste. Sem forma de testar, o agente não consegue saber se o componente que acabou de gerar funciona para quem usa teclado ou leitor de ecrã. Agora já consegue verificar, com o mesmo motor em que a sua equipa de acessibilidade já confia.
Configurado num minuto
O servidor MCP arranca juntamente com o Agora e só escuta no seu computador. A página AI Agents mostra o estado e o endereço a utilizar.
Copie um comando ou um excerto de configuração do Agora, ou use a instalação com um clique para o Cursor e o VS Code.
«Analisa localhost:3000 e corrige o que encontrares.» O agente chama o Agora, aplica as correções e verifica-as.
Por dentro de uma chamada de ferramenta
Nada de pontuações vagas. O Agora devolve cada violação com o respetivo critério WCAG, o elemento exato, o seu HTML e uma correção concreta, num formato que o agente pode usar de imediato.
Agente → Agora
Português 
English 
Deutsch 
Español 
Italiano 
Български 
简体中文 
Polski 
Nederlands 
Dansk 
Svenska 
Français 
Ελληνικά 
Català 
Română 
Suomi 
Čeština 
Magyar 
{ "method": "tools/call", "params": { "name": "scan_url", "arguments": { "url": "localhost:3000/checkout", "selector": "#payment-form", "viewports": ["desktop", "mobile"] } }}Agora → agente
http://localhost:3000/checkout
3 problemas · 5 elementos · WCAG 2.2 AA
button-name WCAG 4.1.2 Buttons must have discernible text
button.pay-apple
<button class="pay-apple"><svg …/></button>Como corrigir: Element does not have inner text that is visible to screen readers; aria-label attribute does not exist or is empty
label WCAG 4.1.2 Form elements must have labels
#card-cvc
<input id="card-cvc" placeholder="CVC">Como corrigir: Element does not have an explicit <label>; aria-label attribute does not exist or is empty
color-contrast WCAG 1.4.3 Elements must meet minimum color contrast ratio thresholds
.total__hint
<p class="total__hint">Taxes included</p>Como corrigir: Element has insufficient color contrast of 2.9 (foreground color: #a3a3a3, background color: #ffffff). Expected contrast ratio of 4.5:1
Agente → Agora
{ "method": "tools/call", "params": { "name": "scan_html", "arguments": { "html": "<nav class=\"tabs\">…</nav>", "baseUrl": "http://localhost:3000/", "mode": "component" } }}Agora → agente
HTML component (2.4 KB)
3 problemas · 4 elementos · WCAG 2.2 AA
aria-required-children WCAG 1.3.1 Certain ARIA roles must contain particular children
nav.tabs > ul[role="tablist"]
<ul role="tablist">…</ul>Como corrigir: Element has children which are not allowed: li[tabindex]
aria-valid-attr-value WCAG 4.1.2 ARIA attributes must conform to valid values
#tab-billing
<a id="tab-billing" aria-controls="billing">Como corrigir: Invalid ARIA attribute value: aria-controls="billing"
heading-order Best Practice Heading levels should only increase by one
.panel > h4
<h4>Billing address</h4>Como corrigir: Heading order invalid
Quatro ferramentas, todos os fluxos de trabalho
scan_url Servidores de desenvolvimento locais, staging, produção ou um ficheiro no disco.
scan_html Audite um componente antes de o integrar numa página, sem precisar de servidor.
validate_attributes Os scanners encontram nomes em falta. Esta ferramenta verifica se os nomes que existem fazem realmente sentido.
simulate_screen_reader Ouça uma página ou componente como os utilizadores cegos, diretamente a partir da árvore de acessibilidade do Chrome.
Acessível por predefinição
Em vez de uma auditoria separada semanas depois, os testes acontecem dentro do mesmo ciclo que o agente já executa para tipos, testes e linting.
Criar
O agente escreve ou altera a UI.
Analisar
Chama o Agora sobre a página ou o componente.
Corrigir
Aplica as correções que o Agora indica.
Verificar
Volta a analisar até os problemas desaparecerem.
Porque é que as equipas o escolhem
O servidor só aceita ligações do seu próprio computador, e as páginas são renderizadas e analisadas localmente dentro do Agora.
axe-core com as regras A e AA das WCAG 2.0, 2.1 e 2.2, além de verificações AAA opcionais: as mesmas regras de todas as outras análises do Agora.
As páginas são renderizadas no Chrome, por isso estilos, scripts e renderização do lado do cliente fazem parte do teste.
Servidores de desenvolvimento com certificados autoassinados, caminhos file:// e páginas protegidas por autenticação básica guardada no Agora funcionam sem mais.
Um browser partilhado e sempre pronto mantém as análises rápidas, para que o agente possa verificar após cada alteração.
Claude Code, Cursor, VS Code com GitHub Copilot, Windsurf, Claude Desktop, Codex CLI e Gemini CLI, com instruções de configuração para cada um no Agora.
Comece uma avaliação gratuita do Agora, ligue o seu agente de programação num minuto e veja-o corrigir problemas de acessibilidade antes de chegarem à revisão de código.