Visuele Leesbaarheidsrekenmachine WCAG en APCA

Controleer het werkelijke contrast van uw ontwerpen met APCA (WCAG 3.0). Analyseer hoe lettergewicht en -grootte de echte leesbaarheid beïnvloeden. Van eenvoudige verhoudingen tot perceptuele leesbaarheid.

Basiskleuren
#1E293B
#FFFFFF
Typografie
16px
400
Contrastvergelijking
WCAG 2.1-verhouding 21.00 Slaagt voor AAA
APCA Lc (WCAG 3) 100 Uitstekend
Perceptueel voorbeeld

Visuele leesbaarheid is niet alleen wiskunde. Het is de manier waarop licht en schaduw met uw ogen samenwerken.

APCA-aanbevelingen
Leestekst (Body)
Kleine tekst / Bijschrift
UI / Knoppen
Hulpmiddelenstudio

Wil je dit hulpmiddel op je website?

Pas kleuren en de donkere modus aan voor WordPress, Notion of je eigen site.

Veelgestelde vragen

Wat is APCA en waarom verschilt het van WCAG 2.1?

APCA is het Advanced Perceptual Contrast Algorithm, ontwikkeld voor WCAG 3.0. Anders dan de oude eenvoudige verhouding gebruikt APCA wiskundige modellen die nabootsen hoe het menselijk brein contrast waarneemt, rekening houdend met polariteit (lichte vs. donkere achtergrond) en lettergrootte en -gewicht.

Wat betekent de Lc-waarde?

Lc (Lightness Contrast) is de contrastwaarde die APCA genereert. Een waarde van 100 staat voor het ideale maximale contrast, terwijl waarden onder de 60 kritisch worden voor doorlopende leesteksten. Het is een absolute schaal voor perceptuele grootte.

Hoe beïnvloedt het lettergewicht de leesbaarheid?

Dunne lettertypen (Thin/Light) vereisen een veel hoger contrast om leesbaar te zijn. APCA penaliseert lettertypen met een laag gewicht en laat zien dat een ontwerp dat WCAG haalt met een gewicht-100-lettertype in de praktijk onleesbaar kan zijn.

Is deze rekenmachine privacyvriendelijk?

Ja, alle berekeningen worden lokaal in uw browser uitgevoerd. De kleuren en instellingen die u analyseert worden nooit naar een server verzonden, wat volledige privacy voor uw ontwerpprojecten garandeert.

# Visuele leesbaarheidsrekenmachine (WCAG vs APCA)

Begrijp hoe uw kleuren en typografie de werkelijke leesbaarheid beïnvloeden met de nieuwe perceptuele toegankelijkheidsstandaard. WCAG 2.1 gebruikt een eenvoudige wiskundige formule uit 2008. APCA is het nieuwe model voor WCAG 3.0 dat menselijke waarneming nabootst.

# Kernpunten van APCA

  • Polariteit: Begrijpt dat donkere modus anders wordt waargenomen dan lichte modus.
  • Lettergewicht: Kent specifieke contrastniveaus (Lc) toe op basis van het typografisch gewicht.
  • Lineariteit: Corrigeert wiskundige onnauwkeurigheden in het relatieve luminantiemodel uit 2008.

# Aanbevolen APCA-niveaus

  • Lc 90+: Ideaal voor zeer kleine of lichte tekst.
  • Lc 75: De standaard voor gewone leestekst.
  • Lc 60: Minimum voor leesbare content van gemiddelde grootte.
  • Lc 45: Minimum voor grote of decoratieve elementen.

Bibliografische Referenties