Nouveau dans Agora · Serveur MCP
Le serveur MCP intégré à Agora offre à Claude Code, Cursor, GitHub Copilot et à tout autre agent compatible MCP un véritable outil de test d’accessibilité. Votre agent analyse la page qu’il vient de créer, voit précisément ce qui échoue et pourquoi, corrige le code puis relance l’analyse pour le prouver – avant même que la pull request n’existe.
Exemple animé d’une session de développement : un développeur demande à son agent IA de vérifier l’accessibilité de localhost:3000/checkout et de corriger les problèmes. L’agent appelle l’outil scan_url d’Agora et obtient un score de 58 sur 100 avec quatre problèmes : un bouton sans nom, une image sans texte alternatif, un texte à faible contraste et un champ de saisie sans libellé. Il corrige le code dans trois fichiers, relance l’analyse et atteint 100 sur 100.
Compatible avec
L’angle mort des interfaces écrites par l’IA
Les agents de code ont appris du web, et la majeure partie du web est inaccessible : boutons composés d’une seule icône, libellés manquants, texte peu contrasté. Sans moyen de tester, votre agent ne peut pas savoir si le composant qu’il vient de générer fonctionne au clavier ou avec un lecteur d’écran. Désormais, il peut le vérifier, avec le moteur auquel votre équipe accessibilité fait déjà confiance.
Prêt en une minute
Le serveur MCP démarre avec Agora et n’écoute que sur votre ordinateur. La page « AI Agents » affiche son état et l’adresse à utiliser.
Copiez une commande ou un extrait de configuration depuis Agora, ou utilisez l’installation en un clic pour Cursor et VS Code.
« Analyse localhost:3000 et corrige ce que tu trouves. » Votre agent appelle Agora, applique les correctifs et les vérifie.
Au cœur d’un appel d’outil
Pas de scores vagues. Agora renvoie chaque violation avec son critère WCAG, l’élément exact, son HTML et une correction concrète, dans un format qu’un agent peut exploiter immédiatement.
Agent → Agora
Français 
English 
Deutsch 
Español 
Italiano 
Български 
简体中文 
Polski 
Nederlands 
Dansk 
Svenska 
Português 
Ελληνικά 
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 → agent
http://localhost:3000/checkout
3 problèmes · 5 éléments · WCAG 2.2 AA
button-name WCAG 4.1.2 Buttons must have discernible text
button.pay-apple
<button class="pay-apple"><svg …/></button>Comment corriger: 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">Comment corriger: 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>Comment corriger: Element has insufficient color contrast of 2.9 (foreground color: #a3a3a3, background color: #ffffff). Expected contrast ratio of 4.5:1
Agent → Agora
{ "method": "tools/call", "params": { "name": "scan_html", "arguments": { "html": "<nav class=\"tabs\">…</nav>", "baseUrl": "http://localhost:3000/", "mode": "component" } }}Agora → agent
HTML component (2.4 KB)
3 problèmes · 4 éléments · 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>Comment corriger: 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">Comment corriger: Invalid ARIA attribute value: aria-controls="billing"
heading-order Best Practice Heading levels should only increase by one
.panel > h4
<h4>Billing address</h4>Comment corriger: Heading order invalid
Quatre outils, tous les workflows
scan_url Serveurs de développement locaux, préproduction, production ou fichier sur disque.
scan_html Auditez un composant avant même de l’intégrer à une page, sans serveur.
validate_attributes Les scanners trouvent les noms manquants. Cet outil vérifie si les noms présents ont vraiment du sens.
simulate_screen_reader Écoutez une page ou un composant comme le font les personnes aveugles, directement depuis l’arbre d’accessibilité de Chrome.
Accessible par défaut
Au lieu d’un audit séparé des semaines plus tard, les tests ont lieu dans la boucle que votre agent exécute déjà pour les types, les tests et le linting.
Créer
Votre agent écrit ou modifie l’interface.
Analyser
Il appelle Agora sur la page ou le composant.
Corriger
Il applique les correctifs indiqués par Agora.
Vérifier
Il relance l’analyse jusqu’à ce que les problèmes disparaissent.
Pourquoi les équipes le choisissent
Le serveur n’accepte que les connexions provenant de votre propre machine, et les pages sont rendues et analysées localement dans Agora.
axe-core avec les règles A et AA des WCAG 2.0, 2.1 et 2.2, plus des contrôles AAA facultatifs : les mêmes règles que pour toute autre analyse Agora.
Les pages sont rendues dans Chrome : styles, scripts et rendu côté client font tous partie du test.
Serveurs de développement avec certificats auto-signés, chemins file:// et pages protégées par une authentification basique enregistrée dans Agora : tout fonctionne, simplement.
Un navigateur partagé et déjà lancé garde les analyses rapides, pour que votre agent puisse vérifier après chaque modification.
Claude Code, Cursor, VS Code avec GitHub Copilot, Windsurf, Claude Desktop, Codex CLI et Gemini CLI, avec des instructions de configuration pour chacun dans Agora.
Démarrez un essai gratuit d’Agora, connectez votre agent de code en une minute et regardez-le corriger les problèmes d’accessibilité avant la revue de code.