Site search
Language
Sign In
Site search hamburger-menu icon
Vælg sprog
English
Čeština
Deutsch
Eestlane
Español
Français
Hrvatski
Indonesia
Italiano
Lietuvis
Magyar
Melayu
Nederlands
Polski
Português
Română
Slovenský
Suomalainen
Svenska
Tiếng Việt
Türkçe
Ελληνικά
Български
Українська
Русский
ქართული
Հայերեն
עִברִית
العربية
فارسی
हिंदी
ภาษาไทย
한국어
中文
日本語

Kontrast Checker

WCAG farvekontrastkontrol til beregning af tekstkontrastforholdet.

Forgrundsfarve

Angiv en gyldig hex triplet , eller brug farvevælgeren.

Baggrundsfarve

Angiv en gyldig hex triplet , eller brug farvevælgeren.

Kontrastforhold 21:1

Normal tekst

WCAG AA: Pass

WCAG AAA: Pass

Eksempel normal tekst - 16px

Stor tekst

WCAG AA: Pass

WCAG AAA: Pass

Eksempel stor tekst 18pt/24px

Grafiske objekter og komponenter i brugergrænsefladen

WCAG AA:  Pass

image/svg+xml
  • Beregn kontrastforhold for normal tekststørrelse.
  • Beregn kontrastforhold for stor tekststørrelse.
  • Beregn kontrastforhold for komponenter i brugergrænsefladen.
  • Vælg farve fra farvevælgeren
  • Indstil farve Lysstyrke

Sådan bruger du Contrast Checker

  • Vælg baggrundsfarve
  • Vælg forgrundsfarve
  • Juster lethed, hvis det er nødvendigt
  • Kontrollér revision for normal og stor tekst

OFTE STILLEDE SPØRGSMÅL

Hvordan virker kontrastkontrol?

Du skal evaluere farven på teksten og baggrunden. I henhold til WCAG 2.1-retningslinjerne er disse: Stor tekst - Tekst med en minimumsstørrelse på 18px kræver et kontrastforhold på 3:1; Lille tekst - Tekst med en størrelse på mindre end 18px kræver et kontrastforhold på 4.5:1.

Hvorfor skal min hjemmeside have tilstrækkelig farvekontrast?

Tekst på en baggrund med et lavt kontrastforhold er ofte svært at læse. Dette påvirker ikke kun dem med synshandicap negativt, det generer faktisk alle brugere. Et eksempel er at læse tekst på en mobiltelefon udenfor på en solskinsdag.

Hvad betyder tilgængelighed på webstedet?

Et tilgængeligt websted er et websted designet, så personer med syns- eller hørehæmmede kan bruge det uden begrænsninger. For eksempel sikrer dette, at alle webstedselementer har tilstrækkelig farvekontrast, dvs. tekstfarven er helt forskellig fra baggrundsfarven.

Skal billeder og videoer overholde WCAG-farvekontrastkravene?

Visse grafik- og interfacekomponenter kræver et kontrastforhold på mindst 3:1 Dette inkluderer dog ikke logoer, dekorative billeder eller generelle mediefiler.

© Eptimize Pty Ltd 2022-2024. All Rights Reserved.