Lesbare digitale Speisekarten: Kontrast, Schrift und Bedienung prüfen

Für normalen Text nennt das W3C zum Mindestkontrast Quelle öffnen ein Verhältnis von mindestens 4,5:1, für großen Text 3:1. Das Erreichen dieser Werte betrifft lediglich ein einzelnes Kriterium und bestätigt nicht, dass eine komplette digitale Speisekarte barrierefrei oder zertifiziert ist.

Prüfen Sie nicht nur Überschriften und Gerichtsnamen. Preise, Zusatzinformationen, Allergiehinweise, deaktivierte Optionen und Text auf Fotos verdienen dieselbe Aufmerksamkeit. Besonders fehleranfällig sind hellgraue Schrift auf Weiß, farbige Schrift auf getönten Flächen sowie Text über unruhigen Bildern.

Dokumentieren Sie für jede problematische Kombination Vordergrund- und Hintergrundfarbe. So kann eine spätere Änderung gezielt erfolgen, ohne das gesamte Erscheinungsbild neu zu gestalten.

Eine größere Schrift allein löst nicht jedes Lesbarkeitsproblem. Sehr lange Zeilen, dichter Text, geringe Zeilenabstände und ausschließlich verwendete Großbuchstaben können das Erfassen weiterhin erschweren. Verwenden Sie kurze Gerichtsnamen, teilen Sie Beschreibungen sinnvoll und lassen Sie zwischen Gerichten klar erkennbare Abstände.

Prüfen Sie die Karte auf mehreren Displaygrößen. Dabei sollte weder der Preis mit dem falschen Gericht verbunden wirken noch eine Beschreibung in eine benachbarte Position rutschen. Achten Sie außerdem darauf, dass wichtige Angaben nicht erst nach unnötig vielen Zeilen oder hinter missverständlichen Kürzungen erscheinen.

Gerichtsbeschreibungen können knapp bleiben, ohne wesentliche Informationen zu verlieren. Hinweise zur sprachlichen Überarbeitung finden Sie im bestehenden Beitrag Appetitliche Gerichtsbeschreibungen schreiben Quelle öffnen.

Vergrößern Sie die Darstellung im Browser und kontrollieren Sie jeden wichtigen Weg durch die Karte. Die genaue Teststufe können Sie passend zu Ihren Geräten festlegen; entscheidend ist eine nachvollziehbare Wiederholungsprüfung. Beginnen Sie mit der normalen Ansicht, erhöhen Sie die Vergrößerung schrittweise und notieren Sie den ersten sichtbaren Fehler.

Typische Prüfpunkte sind abgeschnittene Preise, überlagerte Schaltflächen, horizontal verschobene Kategorien und Dialogfenster, deren Schließen-Schaltfläche nicht mehr erreichbar ist. Auch feste Kopf- oder Fußleisten können bei starker Vergrößerung einen unverhältnismäßig großen Teil des Bildschirms bedecken.

Verlassen Sie sich dabei nicht nur auf ein Gerät. Testen Sie mindestens ein kleines und ein größeres Smartphone sowie unterschiedliche Browser, soweit diese in Ihrem Betrieb verfügbar sind.

Ein Kontrastwert ersetzt keinen Praxistest. Spiegelungen, reduzierte Displayhelligkeit, Fingerabdrücke oder ein Blick aus schrägem Winkel können die Wahrnehmung verändern. Öffnen Sie dieselbe Karte drinnen, am Fenster und im Außenbereich. Nutzen Sie dabei normale Geräteeinstellungen statt eines eigens für den Test maximierten Displays.

Führen Sie eine kurze Aufgabe durch: Eine Person soll eine Kategorie finden, zwei Gerichte vergleichen, einen Preis erkennen und zu einer vorherigen Ansicht zurückkehren. Beobachten Sie nur, wo gezögert, gezoomt oder versehentlich getippt wird. Fragen Sie anschließend neutral, welche Stelle unklar war.

Ein einzelner Test beweist keine allgemeine Zugänglichkeit. Wiederholen Sie ihn deshalb mit verschiedenen Gästen, sofern diese freiwillig teilnehmen, und berücksichtigen Sie unterschiedliche Geräte, Sehgewohnheiten und Nutzungssituationen.

Nach dem W3C-Kriterium zur Mindestgröße von Zeigerzielen Quelle öffnen sollen antippbare Ziele grundsätzlich 24 mal 24 CSS-Pixel erreichen oder genügend Abstand erhalten; das Kriterium enthält Ausnahmen. Auch dieser Einzelwert ist kein Beleg für die rechtliche Konformität der gesamten Karte.

Bewerten Sie neben der sichtbaren Schaltfläche den tatsächlich antippbaren Bereich. Kleine Pfeile, Sprachwechsel, Kategorie-Tabs und Schließen-Symbole sollten nicht direkt neben einem anderen Ziel liegen. Ein ausreichend großes Element hilft wenig, wenn seine Beschriftung unklar ist oder sein Zustand nur durch eine geringe Farbänderung erkennbar wird.

Testen Sie bewusst ungenaues Tippen mit dem Daumen. Wenn dabei regelmäßig die Nachbarkategorie geöffnet wird, sollten Sie Fläche, Abstand oder Anordnung überarbeiten.

Kopieren Sie die folgenden Felder in Ihr internes Dokument. Legen Sie pro Gerät und Prüfsituation ein eigenes Blatt an. Die Bewertung „bestanden“ sollte nur bedeuten, dass die festgelegte Aufgabe in diesem konkreten Test ohne beobachtetes Problem möglich war.

Priorisieren Sie zuerst Fehler, die Informationen verbergen, eine Bedienhandlung verhindern oder zu einer falschen Auswahl führen können. Rein gestalterische Wünsche kommen danach. Nach jeder Änderung sollten Sie die betroffene Aufgabe erneut prüfen und das Datum ergänzen.

Wenn Sie Struktur und Veröffentlichung Ihrer Karte zugleich kontrollieren möchten, können Sie das Arbeitsblatt mit der Anleitung Digitale Speisekarte erstellen Quelle öffnen vergleichen.