Plus la case est foncee, plus le score de cet indicateur est eleve.
MoinsPlus
Derniere relecture Sources et creditsCrédits médiasMéthodologie
Reponses courtes
Quand choisir Vérification du contraste WCAG ?
Quand le recit est : Type d'interface utilisateur, titres de diapositives, légendes d'affiches, étiquettes de badge.
Quand l'eviter ?
Dans des cas comme : juger la teinte de la marque seule sans mesurer la paire.
Qui l'a invente ou popularise ?
Rapports de contraste WCAG ; La recherche APCA (Myndex) comme modèle de nouvelle génération
Qu'est-ce que ca encode ?
différence de luminance entre le premier plan et l'arrière-plan
OK en pub ?
Oui si une these se lit d'un coup dans Meta, Google et print ; sinon liez vers la figure complete.
Un enseignant l'acceptera ?
Oui pour comptes rendus de TP et panneaux si axes, unites et une ligne de source sont la.
Vérification du contraste WCAG encode les valeurs comme différence de luminance entre le premier plan et l'arrière-plan. Rapports de contraste WCAG ; La recherche APCA (Myndex) comme modèle de nouvelle génération.
Dans les rapports, pubs et devoirs : Type d'interface utilisateur, titres de diapositives, légendes d'affiches, étiquettes de badge. A eviter quand juger la teinte de la marque seule sans mesurer la paire.
Logiciels
- Color.js — Calculez le contraste et les espaces colorimétriques dans le navigateur ou Node. · MIT · github.com/color-js/color.js
- APCA (SAPC) — Modèle de contraste perceptuel pour les écrans modernes - lisez la licence avant l'expédition. · AGPL-3.0 · github.com/Myndex/SAPC-APCA
- Leonardo — Générez des rampes thématiques accessibles avec des cibles de contraste. · Apache-2.0 · github.com/adobe/leonardo
- Bootstrap a11y docs — Conseils de contraste documentés livrés avec une énorme boîte à outils d'interface utilisateur. · MIT · github.com/twbs/bootstrap
- Atlas SVG examples — Exemples rendus par le serveur que vous pouvez lire sans JavaScript. · CC0 examples · github.com/Tool-Lifes/viz-atlas
Exportations
- Exports 1 — SVG
- Exports 2 — PDF
- Exports 3 — EMF/SVG dans les diapos (pas de captures)
- Exports 4 — SVG pour le web, PDF pour l'impression
Accessibilite
- Accessibilite 1 — Jamais la teinte seule. Superposez motif, libelle et position.
- Accessibilite 2 — 4.5:1 pour le texte, 3:1 pour les grandes marques.
- Accessibilite 3 — Texte alt court sur le graphique ; nombres aussi en tableau HTML.
- Accessibilite 4 — Le mouvement seulement comme accent. Respectez prefers-reduced-motion.
Vérification du contraste WCAG : honorez différence de luminance entre le premier plan et l'arrière-plan, et changez quand juger la teinte de la marque seule sans mesurer la paire.