Ga naar hoofdinhoud
Logo Appt Light

Succescriterium 1.4.3 - Niveau AA

Contrast (minimum)

Zorg dat de contrastverhouding tussen de tekstkleur en achtergrondkleur minimaal 4,5:1 is. Voor dikgedrukte en grote tekst voldoet een verhouding van 3:1. Door deze verhoudingen aan te houden kunnen slechtziende en kleurenblinde gebruikers de tekst goed lezen. Daarnaast is een app hierdoor voor iedereen makkelijker te gebruiken, bijvoorbeeld buiten in de zon.

Impact

  • Indien tekst te weinig contrast heeft kunnen mensen met visuele beperking dit niet goed lezen.

  • Voldoende contrast maakt een app voor iedereen makkelijker te gebruiken. Bijvoorbeeld buiten in de zon.

Controleren

Is het contrast van normale tekst minimaal 4,5:1 en het contrast van dikgedrukte of grote tekst minimaal 3:1?

Je kunt een schermafbeelding maken van een app om de kleurcodes te bepalen en het contrast te berekenen. Dit kan bijvoorbeeld met de Contrast Checker van WebAIM.

Oplossing

Contrast berekenen

On Android, you can use the Accessibility Scanner app to detect contrast issues automatically.

// No code required
Bijdragen

Ondersteun dark mode

Op Android weet je dat donkere modus geactiveer is wanneer de uiMode configuration de UI_MODE_NIGHT_MASK waarde bevat.

Android kan automatisch donkere modus varianten kiezen wanneer je -night bestanden aan je project toevoegt. Voeg bijvoorbeeld een colors.xml bestand toe aan de values-night folder om kleuren voor donkere modus in te stellen.

fun Context.isInNightMode(): Boolean {
    val nightModeFlags = resources.configuration.uiMode and Configuration.UI_MODE_NIGHT_MASK
    return nightModeFlags == Configuration.UI_MODE_NIGHT_YES
}
Bijdragen

Bronnen

Feedback?

Laat 't ons weten!