Speisekarten fuer farbenblinde Gaeste gestalten: Barrierefrei

Ein 18-Tisch-Lokal in Ankara Etlik bemerkte, dass ein Gast nicht erkennen konnte, welche Gerichte das "Neu"-Abzeichen trugen — Abzeichen- und Preisfarbe sahen auf seinem Handy identisch aus. Farbenblindheit betrifft etwa 4% der Weltbevoelkerung: 8% der Maenner, 0,5% der Frauen.

Arten der Farbenblindheit

Die haeufigste Form ist Deuteranopie (Gruenschwaeche): Rot und Gruen verschmelzen zu einem matschigen Ton. Protanopie und die seltene Tritanopie (Blau-Gelb) verursachen aehnliche Kollisionen.

Testen Sie Ihre Speisekarte mit Adobe Color Blind Simulator oder Coblis. Im Ankara-Fall erkannte kein Gast den Unterschied zwischen "neu" (gruen) und "beliebt" (rot) — der Audit blieb monatelang bei 78/100.

Double-Coding-Prinzip

WCAG 2.1 Erfolgskriterium 1.4.1 ist eindeutig: Farbe darf nicht die einzige Informationsquelle sein. Loesung: jedes farbige Abzeichen mit einem zweiten Signal kombinieren.

• Icon hinzufuegen: Stern neben "Neu", Blatt neben "Vegan".
• Text aufpraegen: das Wort "NEU", "POP" oder "SCHARF" direkt auf dem Abzeichen.
• Form variieren: Pille vs Quadrat vs Dreieck — Form ist farbunabhaengig lesbar.

Kontrast und Farbpaarungen

WCAG AAA verlangt Kontrast von mindestens 7:1, AA verlangt 4,5:1. Lighthouse generiert pro Menue-Seite einen automatischen Accessibility-Report. Nach Double-Coding stieg der Ankara-Wert auf 96/100 — und auch aeltere Gaeste lobten die bessere Lesbarkeit.

FAQ

Wie haeufig ist Farbenblindheit? 8% der Maenner, 0,5% der Frauen. Bei 100 Gaesten taeglich 4-8 betroffen.

Wie nutze ich den Adobe-Simulator? Photoshop View > Proof Setup > Color Blindness.

Unterstuetzt thMenu Double-Coding? Ja, Abzeichen erlauben Farbe, Icon und optionalen Textlabel.

Hilfreich? Teilen Sie es.