In diesem Blogartikel wird erklärt wie barrierefreie Farbkontraste bei Webseiten, Software und Apps nach EN 301 549 realisiert werden können.
Was ist die EN 301 549 ?
Die EN 301 549 ist eine europäische Norm. Sie enthält Richtlinien für folgende Bereiche:
- Barrierefreiheit bei Webseiten
- Barrierefreiheit bei Software
- Barrierefreiheit bei Apps
- Barrierefreiheit bei Hardware
Für die barrierefreie Gestaltung von Webseiten, Software, Apps und Hardware gibt es viele Prüfschritte die erfüllt sein müssen.
In diesem Blogartikel geht es um den Prüfschritt 9.1.4.3 Kontraste von Texten ausreichend
Wie kann überprüft werden ob ein Farbkontrast barrierefrei ist?
Im Prüfschritt steht, dass eine Sichtprüfung durchgeführt werden kann. Einer von vielen unsinnigen Texten die in der EN 301 549 stehen. Ich habe eine Farbfehlsichtigkeit. Wenn ich mit meiner Farbfehlsichtigkeit eine Sichtprüfung mache, dann wird es für alle die Menschen die keine Farbfehlsichtigkeit haben nicht lustig!
Deswegen meine Empfehlung: Verwenden Sie die kostenlose Software Colour Contrast Analyzer (CCA) um einen Farbkontrast auf Barrierefreiheit zu überprüfen.
In folgendem Video zeige ich wie der Contrast Analyzer funktioniert:
Vorschläge für barrierefreie Farbkontraste bei Texten
Grundsätzlich möchte ich keine Vorschriften machen welche Farben auf Webseiten, Software und Apps vorkommen dürfen. Immer wenn die kostenlose Software Colour Contrast Analyzer anzeigt, der Farbkontrast ist barrierefrei dürfen diese Farben verwendet werden.
Für Menschen die sich mit diesem Thema schwertun, mache ich in diesem Abschnitt Vorschläge. Es ist nur eine Auswahl von barrierefreien Farbkontrasten.
Schriftfarbe: #000000 | Hintergrundfarbe: #ABEBC6
Schriftfarbe: #FFFFFF | Hintergrundfarbe: #154360
Schriftfarbe: #FFFFFF | Hintergrundfarbe: #922B21
Schriftfarbe: #000000 | Hintergrundfarbe: #DCDCDC
Schriftfarbe: #000000 | Hintergrundfarbe: #FFFFFF
Schriftfarbe: #ffffff | Hintergrundfarbe: #DB1317
Schriftfarbe: #000000 | Hintergrundfarbe: #EFDCB4
Schriftfarbe: #000000 | Hintergrundfarbe: #AFD7F7
Schriftfarbe: #000000 | Hintergrundfarbe: #8BF83A
Schlussbemerkung
Barrierefreie Farbkontraste sind bei Webseiten, Software und Apps ein sehr wichtiges Thema, es ist aber keine Wissenschaft und es soll niemand davon abgehalten werden Farben bei der Programmierung von Webseiten, Software und Apps einzusetzen.
Wenn Sie Fragen zu obige Themen haben, schreiben Sie mir eine Mail an info@marlem-software.de oder rufen Sie mich an unter 07072/1278463 .