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 contenu HTML ou du texte brut dans la zone d'éditeur pour l'utiliser comme source de prévisualisation.
  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ône-uniquement deviennent invisibles sur le fond noir, ce qui l'incite à ajouter des étiquettes textuelles visibles.

Outils similaires