Generateur de rapport daudit daccessibilite

Audite du HTML ou une URL pour detecter des problemes WCAG courants et exporte un PDF structure

Utile pour les revues avant mise en ligne, les equipes design et la conformite.

Exemples de résultats

1 Exemples

Auditer une page datterrissage et exporter un PDF pour PM

Analyse le HTML charge et regroupe les problemes de labels, landmarks, alt et contraste par severite

accessibility-audit-report-generator-example1.pdf Voir fichier
Voir paramètres d'entrée
{ "htmlInput": "<!doctype html><html><head><title></title></head><body><img src=\"hero.jpg\"><a href=\"#\"></a><input type=\"text\"></body></html>", "targetLevel": "AA", "includePmSummary": true, "reportTitle": "Landing Page Accessibility Audit" }

Click to upload file or drag and drop file here

Maximum file size: 5MB Supported formats: text/html, text/plain

Points clés

Catégorie
Développement et Web
Types d’entrée
text, textarea, file, select, checkbox
Type de sortie
file
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

Le Générateur de rapport d'audit d'accessibilité est un outil pratique conçu pour analyser votre code HTML ou une URL spécifique afin de détecter les problèmes de conformité WCAG. Idéal pour les développeurs, les designers et les chefs de projet, il génère un rapport PDF structuré classant les erreurs par niveau de sévérité, facilitant ainsi les revues avant la mise en ligne et la mise en conformité de vos interfaces web.

Quand l’utiliser

  • Avant la mise en ligne d'un nouveau site web ou d'une page d'atterrissage pour garantir l'accessibilité.
  • Lors de la création de rapports de conformité structurés destinés aux chefs de projet ou aux parties prenantes.
  • Pendant les phases de développement pour identifier rapidement les balises alt manquantes, les problèmes de contraste ou les erreurs de repères sémantiques.

Comment ça marche

  • Saisissez l'URL de la page à tester, collez directement votre code HTML ou téléchargez un fichier HTML.
  • Sélectionnez le niveau de conformité WCAG ciblé (A, AA ou AAA) et personnalisez le titre du rapport.
  • Cochez l'option pour inclure un résumé destiné aux chefs de projet (PM) si nécessaire.
  • Lancez l'audit pour générer et télécharger instantanément un rapport PDF détaillé regroupant les problèmes par sévérité.

Cas d’usage

Audit d'accessibilité automatisé pour les équipes d'assurance qualité (QA) avant le déploiement d'une application web.
Génération de documents de conformité WCAG pour répondre aux exigences légales ou aux appels d'offres.
Revue de code rapide pour les développeurs front-end souhaitant valider la structure sémantique de leur HTML.

Exemples

1. Audit d'une page d'atterrissage pour un chef de projet

Développeur Front-end
Contexte
L'équipe doit s'assurer que la nouvelle page de destination respecte les normes d'accessibilité avant le lancement.
Problème
Besoin d'un rapport clair et partageable listant les erreurs d'accessibilité pour le chef de projet.
Comment l’utiliser
Collez le code HTML de la page, sélectionnez le niveau 'WCAG 2.1 AA', cochez 'Inclure un résumé PM' et nommez le rapport 'Audit Landing Page'.
Configuration d’exemple
Niveau: AA, Résumé PM: Oui, Titre: Landing Page Accessibility Audit
Résultat
Un fichier PDF est généré avec un résumé exécutif suivi d'une liste détaillée des images sans attribut alt et des liens vides.

2. Vérification de conformité stricte (Niveau AAA)

Expert en Accessibilité
Contexte
Un site gouvernemental doit répondre aux exigences d'accessibilité les plus strictes.
Problème
Vérifier si le code source d'un formulaire complexe répond aux critères WCAG AAA.
Comment l’utiliser
Téléchargez le fichier HTML du formulaire, choisissez le niveau 'WCAG 2.1 AAA' et lancez l'analyse.
Résultat
Un rapport PDF détaillé met en évidence les problèmes de contraste mineurs et les instructions de saisie manquantes pour atteindre le niveau AAA.

Tester avec des échantillons

html, pdf, text

Hubs associés

FAQ

Quels niveaux WCAG sont pris en charge ?

L'outil prend en charge les niveaux de conformité WCAG 2.1 A, AA et AAA. Vous pouvez sélectionner le niveau cible avant de lancer l'audit.

Puis-je tester une page web qui n'est pas encore en ligne ?

Oui, vous pouvez coller directement votre code source dans le champ HTML ou télécharger un fichier HTML local pour analyser une page en cours de développement.

Quel est le format du rapport généré ?

L'outil génère un fichier PDF structuré qui liste les problèmes d'accessibilité détectés, classés par niveau de sévérité.

Qu'est-ce que l'option 'Résumé PM' ?

Cette option ajoute une synthèse de haut niveau au début du rapport PDF, idéale pour les chefs de projet ou les décideurs qui ont besoin d'une vue d'ensemble rapide de la conformité.

L'outil vérifie-t-il les problèmes de contraste des couleurs ?

Oui, l'audit détecte les problèmes d'accessibilité courants, y compris les contrastes insuffisants, les labels de formulaires manquants et l'absence d'attributs alt sur les images.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/accessibility-audit-report-generator

Paramètres de la requête

Nom du paramètre Type Requis Description
urlInput text Non -
htmlInput textarea Non -
htmlFile file (Téléchargement requis) Non -
targetLevel select Non -
includePmSummary checkbox Non -
reportTitle text Non -

Les paramètres de type fichier doivent être téléchargés d'abord via POST /upload/accessibility-audit-report-generator pour obtenir filePath, puis filePath doit être passé au champ de fichier correspondant.

Format de réponse

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Fichier: Fichier

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP:

{
  "mcpServers": {
    "elysiatools-accessibility-audit-report-generator": {
      "name": "accessibility-audit-report-generator",
      "description": "Audite du HTML ou une URL pour detecter des problemes WCAG courants et exporte un PDF structure",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=accessibility-audit-report-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Prend en charge les liens de fichiers URL ou la codification Base64 pour les paramètres de fichier.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]