2.5 Farbkontraste: Seien Sie kein Eisbär

Einleitung

Fußnoten:

  1. Braun- & Eisbär: Artentwicklung auf der Spur – wissenschaft.de

2.5.1 Text- und Hintergrundfarben

Fußnoten:

  1. Definition des Kontrastverhältnisses – W3C
  2. Absolute Längeneinheiten in CSS – W3C
  3. Ein deutsches Äquivalent wäre übrigens "Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich". Dieser Satz enthält alle Buchstaben des deutsche Alphabets, ist jedoch für die Darstellung in einer Zeile zu lang.
  4. Orange You Accessible? A Mini Case Study on Color Ratio – Bounteous
  5. The Myths of Color Contrast Accessibility – UX Movement

2.5.2 Kontrastverhältnisse für nichttextuelle Elemente

Fußnoten:

  1. Understanding Success Criterion 1.4.11: Non-text Contrast – W3C
  2. Fix Color Contrast – Web Accessibility for Text & UI Design – Pimp my Type
  3. Colour contrast for graphical objects – Accessibility Developer Guide

2.5.3 Wann sind geringe Kontraste erlaubt bzw. sinnvoll?

Fußnoten:

  1. <select> The HTML Select element – MDN Web Docs
  2. Das <select>-Element zählt zu den sogenannten Widgets, Elementen mit "nativem Aussehen", weshalb sie in allen Browsern desselben Betriebssystems sehr ähnlich aussehen: 15.5 Widgets – HTML Living Standard
  3. Prüfschritt 9.1.4.3 Kontraste von Texten ausreichend – BIK BITV-Test

2.5.4 Tooling

Fußnoten:

  1. Contrast Checker – WebAIM
  2. Button Contrast Checker – Aditus
  3. Contrast Finder – Tanaguru
Zurück zur Übersicht