Design

Richtlinie

Hinweis

Gestalte Inhalte so, dass diese ohne Stilvorlagen leicht erkennbar und benutzbar sind.

Stelle sicher, dass die Seitenstruktur auch ohne CSS verständlich bleibt.

Farbe wird nicht als einziges visuelles Mittel benutzt, um Informationen zu vermitteln, eine Handlung zu kennzeichnen, eine Reaktion zu veranlassen oder ein visuelles Element zu unterscheiden.

Verlasse dich nicht darauf, dass User Farben sehen können. Vermeide es, Dinge nur durch Farben zu zeigen oder zu beschreiben. 

Alle Elemente, mit denen ich interagieren kann, oder die wichtig fürs Verständnis sind, sollten sich über ein Kontrastverhältnis von mindestens 3:1 vom Hintergrund abheben.

Verwende Kontrast-Checker, um die Lesbarkeit sicherzustellen.

Der Kontrast zwischen Text und Hintergrund sollte mindestens 4,5:1 betragen.

Verwende Kontrast-Checker, um die Lesbarkeit sicherzustellen.

Elementen, mit denen der User interagieren kann (Buttons, Links etc.), brauchen einen Fokus-Rahmen.

Wir empfehlen, dass dieser Rahmen deutlich sichtbar ist und am besten im CSS als Border umgesetzt wird.

Biete mehrere Möglichkeiten, um die Seiten und Inhalte zu durchsuchen.

Implementiere eine Suchfunktion und eine Sitemap.

Die Betrachtung und Bedienung von Inhalten ist nicht auf eine einzige Bildschirmausrichtung wie z. B. Hoch- oder Querformat beschränkt, es sei denn, eine bestimmte Bildschirmausrichtung ist unentbehrlich.

Nutzende müssen deine Webseite oder App im vertikalen und horizontalen Format bedienen können.

Sorge dafür, dass Texte gut lesbar und verständlich sind.

Verwende klare und einfache Sprache.

Navigationsmechanismen, die auf mehreren Webseiten innerhalb eines Satzes von Webseiten wiederholt werden, treten bei jeder Wiederholung in der gleichen relativen Reihenfolge auf, es sei denn, der Nutzende hat eine Änderung veranlasst.

Navigations-Mechanismen auf deiner Webseite müssen immer an der gleichen Stelle zu finden sein, um eine nachvollziehbare Navigation über alle Seiten hinweg sicherzustellen.

Eine Seite sollte konsistent funktionieren und Nutzeraktionen sollten vorhersehbare Ergebnisse liefern.

Vermeide unerwartete Änderungen von Seitenelementen.