Qu'est-ce que Mode contraste élevé ?

Testez l'apparence de votre contenu web dans différents paramètres de contraste élevé. Collez du HTML ou une capture d'écran d'URL pour prévisualiser les modes de contraste conformes aux WCAG, notamment le Contraste élevé Windows, les couleurs inversées et les thèmes de contraste personnalisés.

Comment utiliser

  1. Étape 1 — Collez votre HTML ou du texte brut dans l'éditeur.
  2. Étape 2 — Sélectionnez un mode de contraste parmi les préréglages : Contraste élevé Windows (noir/blanc), Inversé, Jaune sur Noir ou couleurs personnalisées.
  3. Étape 3 — Examinez la prévisualisation en direct pour vérifier la lisibilité. Utilisez le vérificateur de taux de contraste pour confirmer la conformité WCAG AA/AAA des éléments de texte.

Résultat

Un développeur colle le HTML de sa barre de navigation et bascule en mode Contraste élevé Windows. Il remarque que ses boutons à icônes seules deviennent invisibles sur le fond noir, et leur ajoute donc des étiquettes textuelles visibles.

Outils similaires