Quels formats d'image sont supportés ?

L'outil accepte les captures d'écran aux formats PNG, JPEG et WEBP (jusqu'à 15 Mo).

Quelle est la différence entre les niveaux WCAG AA et AAA ?

Le niveau AA exige un ratio de contraste de 4.5:1 pour le texte normal, tandis que le niveau AAA requiert un ratio plus strict de 7:1.

Comment fonctionne l'analyse HTML ?

L'outil inspecte les paires de couleurs de premier plan et d'arrière-plan définies en ligne (inline) dans votre code HTML pour calculer leur ratio de contraste.

L'outil propose-t-il des solutions pour les erreurs détectées ?

Oui, en activant l'option de suggestions, l'outil calcule et affiche des valeurs de couleurs alternatives qui respectent le seuil WCAG choisi.

Puis-je analyser une page web complète via son URL ?

Non, vous devez soit fournir une capture d'écran de la page, soit coller directement le code HTML à analyser.

Elysia Tools

Navigation mobile

Design

Generateur de heatmap d accessibilite

Genere une heatmap d accessibilite centree sur le contraste a partir d une capture ou de HTML et suggere des couleurs

Détails

Ce que cet outil vous aide à faire

Televersez une capture UI ou collez du HTML avec couleurs inline. Loutil produit une heatmap des zones susceptibles de rater WCAG et propose des couleurs de correction.

Exécution

Exécuter cet outil

Remplissez le formulaire, lancez l’outil et consultez le résultat au même endroit.

Exécutions d’exemple préparées

Cliquez sur un exemple pour remplir automatiquement le formulaire. Les fichiers doivent toujours être téléversés.

1 exemples

Generer une heatmap a partir d une capture peu contrastee

Signale les zones a risque et propose des couleurs de correction.

{
  "type": "file",
  "filePath": "/public/samples/html/accessibility-heatmap-example-report.html"
}

Entrées

Renseignez les champs nécessaires, puis lancez l’outil.

4 réglages

FichiersImportez les fichiers source du flux.1

Image de designfileOptionnel

Taille maximale par fichier : 15 MBTypes pris en charge : image/png, image/jpeg, image/webp, .png, .jpg, .jpeg, .webp

ContenuCollez ou saisissez les valeurs principales.1

Entree HTMLtextareaOptionnel

RéglagesAjustez formats, plages, nombres et modes.1

Niveau WCAGselectOptionnel

OptionsActivez ou désactivez les comportements optionnels.1

Afficher les suggestionscheckboxOptionnelActivé si coché

Résultat

Prêt à exécuter

Après exécution, les fichiers, textes, données structurées ou sorties en flux apparaîtront ici.

Exemples

Exemples adaptés à cet outil

Associé

Generateur de heatmap d accessibilite

Ce que cet outil vous aide à faire

Exécuter cet outil

Exécutions d’exemple préparées

Entrées

Résultat

Exemples adaptés à cet outil

Continuer avec des outils et dossiers associés

Exécutions d’exemple préparées

Entrées

Résultat

Découvrez quand utiliser cet outil, ce qu'il prend en charge et comment les utilisateurs l'appliquent.

Points clés

Aperçu

Quand l’utiliser

Fonctionnement

Cas d’usage

Exemples

1. Audit visuel d'une maquette d'application

2. Correction de composants HTML isolés

FAQ

Exemples de Traitement d'Images Web Python

Exemples de Traitement d'Images Android Java

Exemples de Traitement d'Images Android Kotlin

Exemples de Traitement d'Images Web Rust

Générateur de Factures PDF

Générateur de Data URI

Générateur de Carte de Profondeur

Générateur d'Animation Parallaxe

Outils d audit d accessibilite web et de couleurs accessibles

Outils de conversion de formats d image et d export anime

Outils d’extraction, de nettoyage et d’export HTML vers Markdown/PDF

Outils de nettoyage, finition et preparation d images en lot