Bildkontrastkontroll
Ladda upp en bild, flytta texten och justera färg och storlek för att kontrollera WCAG AA/AAA-kontrast.
Format: jpeg, png – Max filstorlek: 25 MB
WCAG-konformitet för bildkontrast
Att säkerställa tillräcklig kontrast i bilder är avgörande för läsbarhet och tillgänglighet. Flera faktorer påverkar – till exempel textens kontrast mot bakgrunden och användning av överlägg.
Gratis tillgänglighetsscan av din webbplats
Kontrollera mer än bara kontrast – skanna din webbplats för WCAG-fel direkt.
Vanliga kontrastfel designers gör med bilder
-
Text utan tillräcklig kontrast blir oläslig. Använd överlägg, skuggor eller färgkombinationer för att nå 4.5:1 för liten text och 3:1 för stor text.
-
Överlägg kan hjälpa, men för mycket transparens gör texten svår att se. Använd en solid eller halvgenomskinlig bakgrund med tillräcklig opacitet.
-
Ikoner eller etiketter på bilder utan tillräcklig kontrast är svåra att urskilja. Se alltid till att viktiga element har minst 3:1-kontrast.
-
Att endast använda färg för att skilja element skapar problem för färgblinda användare. Kombinera alltid färg med symboler, mönster eller etiketter.
-
Kontraster som ser bra ut på en skärm kan vara svaga i annat ljus. Testa bilder både i ljusa och mörka miljöer för bästa resultat.
Tack för din feedback 😊
tabnavs team arbetar ständigt med att förbättra upplevelsen baserat på din feedback.
Var den här sidan hjälpsam?