Checkliste für die mobile Website

Prüfen Sie vor der Veröffentlichung Navigation, Lesbarkeit und Formulare auf kleineren Bildschirmen. Mobile Ansichten brauchen klare Prioritäten und ausreichend Abstand zwischen interaktiven Elementen. Wesentliche Inhalte sollten leicht zu finden sein. Titel, kurzer Einstieg und der primäre Call-to-Action müssen ohne horizontales Scrollen sichtbar sein. Prüfen Sie längere Überschriften, Bilder und Formulare: Text darf sich nicht überlappen, Schaltflächen brauchen eine nutzbare Tap-Größe und Felder müssen ohne Zoomen lesbar bleiben. Die mobile Navigation muss vorhersehbar bleiben.

Ein verstecktes Menü sollte sich leicht öffnen und schließen lassen, und der aktive Eintrag klar markiert sein. Achten Sie auf Typografie und Kontraste. Zu große Überschriften und zu kleiner Fließtext erschweren das Lesen auf schmalen Screens gleichermaßen. Testen Sie zusätzlich zu den Browser-Tools mindestens ein echtes Gerät. Schriften, Tastaturen und Gesten decken oft Probleme auf, die eine Desktop-Simulation verdeckt. Bei Galerie, Video oder Karten prüfen Sie, ob Elemente sauber in einer Spalte gestapelt werden, ohne Inhalte abzuschneiden.

Besonders Sticky-Elemente und untere Leisten prüfen: auf kleinen Screens verdecken sie leicht Inhalt oder den Senden-Button. Bei Drittskripten (Chat, Cookie-Banner) sicherstellen, dass sie das Layout nicht aus dem sichtbaren Bereich schieben. Gerät und Browser der Prüfung notieren, damit Fehler leichter reproduzierbar sind. Zum Schluss die Checkliste nach dem Eintrag echter Inhalte erneut durchgehen. Platzhalter verdecken häufig Probleme mit Textlänge und Bildformaten. Erst danach gilt die mobile Ansicht als produktionsbereit.