Valider SVG — Syntaxe et accessibilité

Vérifiez syntaxe, viewBox et title/desc. Avertissements conseillés — rien n’est envoyé.

Chargement…

Validateur SVG — syntaxe et a11y

Contrôles conseillés sur syntaxe, viewBox et texte d’accessibilité. Pas une certification WCAG — utile avant mise en prod.

Notes développeur

• Erreurs = XML cassé ; avertissements = viewBox ou title/desc manquants. • Icônes décoratives peuvent être valides avec warnings. • Pas d’auto-fix en v1. • Enchaînez avec optimize-svg après correction.

Quand utiliser cet outil

• Contrôler un SVG design avant conversion React. • Détecter un viewBox manquant. • Rappeler d’ajouter <title> pour les lecteurs d’écran. • Lint rapide sans CLI.

Exemples

SVG riche sans texte d’accessibilité

Entrée

<svg xmlns="http://www.w3.org/2000/svg" width="240" height="72" viewBox="0 0 240 72" class="promo-badge" role="img">
  <defs>
    <linearGradient id="badgeGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#f97316"/>
      <stop offset="100%" stop-color="#fb923c"/>
    </linearGradient>
    <clipPath id="badgeClip">
      <rect x="0" y="0" width="240" height="72" rx="18" ry="18"/>
    </clipPath>
  </defs>
  <g clip-path="url(#badgeClip)">
    <rect width="240" height="72" fill="url(#badgeGradient)"/>
    <g transform="translate(20 16)">
      <circle cx="20" cy="20" r="20" fill="#0f172a" fill-opacity="0.14"/>
      <path fill="#fff" d="M24 4 11 22h9l-4 14 13-18h-9z"/>
    </g>
    <text x="76" y="31" font-size="18" font-weight="700" fill="#fff">FastMinify</text>
  </g>
</svg>

Résultat

Valide avec avertissement : la structure est correcte, mais ajoutez <title> ou <desc> pour l’accessibilité.

Markup invalide

Entrée

<svg><circle></svg>

Résultat

Invalide — erreur de parsing.

Outils SVG associés

Corrigez puis optimize SVG, convertissez via SVG vers JSX, ou le hub SVG.

FAQ validateur SVG

Contrôles conseillés uniquement

Audit WCAG complet ?

Non — XML, viewBox et présence title/desc seulement.

Warnings vs erreurs ?

Erreurs = XML invalide. Warnings = lacunes a11y ou scaling.

Correction auto ?

Pas en v1 — éditez le SVG manuellement.

Autres outils SVG

Minifier SVG Optimiser SVG SVG Viewer SVG vers Data URI Beautifier SVG Déminifier SVG SVG vers JSX Redimensionner SVGValider SVG

Convertisseurs, encodeurs, formateurs et minificateurs au même endroit ? Outils développeurs Ouvrez le catalogue des outils développeurs.

Outils SVG

SVG vers Data URI

Déminifier SVG

Redimensionner SVG

Outils SVG

SVG vers Data URI

Redimensionner SVG

Minifier

Beautifier

Beautifier JSON

Beautifier HTML

Déminifier

Déminifier CSS

Déminifier JSON

Déminifier HTML

Encodage

Outils JSON

Validateur JSON

Sérialisation

PHP Unserialize