Mobile-Optimierung: Das JERVIS Mobile-Modul prüft jede Seite zweimal

Was bringt Ihnen das Mobile-Modul?

Ein wachsender Anteil Ihrer Besucher kommt mobil auf Ihre Website. Ein zu kleines Klickziel, eine Zoom-Sperre oder ein defektes mobiles Menü kosten dort Kunden, oft ohne dass es am Desktop überhaupt auffällt, und bergen zusätzlich ein rechtliches Risiko.

• 📱 Reibung auf dem wichtigsten Gerät finden

  Was am Desktop gut aussieht, kann auf dem Smartphone unbedienbar sein. Das Mobile-Modul prüft die echte mobile Ansicht, nicht nur eine verkleinerte Desktop-Simulation.

• ⚖️ Abmahnrisiko BFSG reduzieren

  Der BFSG-Zoom-Check deckt eine der häufigsten und am leichtesten zu behebenden Barrierefreiheits-Lücken auf, bevor sie zum rechtlichen Problem wird.

• 📈 Site-weiten Mobile-Score im Blick behalten

  Statt einzelner Stichproben zeigt der volle Audit, wie mobiltauglich Ihre gesamte Website ist, mit priorisierten Stellen für die größte Wirkung.

• ✅ Konkrete Fundstelle statt Bauchgefühl

  Jeder Befund im Report nennt die Fundstelle und eine Empfehlung, damit Klickziele, Schrift und Zoom-Fähigkeit gezielt korrigiert werden können.

Mobile Optimierung umsetzen: die wichtigsten Handgriffe

Die meisten Befunde aus dem Prüfkatalog oben lassen sich mit wenigen, gezielten Änderungen am Code beheben. Die folgenden fünf Handgriffe decken die häufigsten Ursachen ab.

Viewport-Meta-Tag korrekt setzen

Der Viewport-Meta-Tag legt fest, dass der Browser die Seite in der echten Gerätebreite lädt, statt sie als verkleinerte Desktop-Version darzustellen. Ohne diesen Tag verzerren mobile Betriebssysteme Layout und Touch-Targets. Der Tag gehört früh in den Kopfbereich jeder Seite.

Touch-Targets per CSS umsetzen

Über min-height und min-width oder ausreichend Padding lässt sich die Klickfläche eines Elements unabhängig vom sichtbaren Inhalt vergrößern. Für die WCAG-Mindestgröße genügen 24 mal 24 Pixel, darüber liegen die oben beschriebenen Komfortwerte 44 (Apple) und 48 (Google) als der bessere Zielwert.

Lesbare Schriftgrößen: 16px-Basis gegen iOS-Zoom

Liegt die Schriftgröße eines Eingabefelds unter 16 Pixel, zoomt iOS beim Fokussieren automatisch hinein, um den Text lesbar zu machen, und das Layout verspringt. Eine Basis-Schriftgröße von mindestens 16 Pixel, gerade bei Formularfeldern, verhindert diesen automatischen Zoom zuverlässig.

Zoom nicht sperren

Das Attribut user-scalable=no sowie eine maximum-scale-Begrenzung von 1 oder kleiner verhindern, dass Nutzer mit Sehschwäche die Seite vergrößern können. Das ist genau der kritische BFSG-Zoom-Befund von oben. Verzichten Sie deshalb vollständig auf diese Einschränkung im Viewport-Tag.

Bilder responsive einbinden

Ohne Begrenzung sprengen große Bilder die mobile Bildschirmbreite und erzeugen genau den horizontalen Overflow, den das Mobile-Modul als Befund meldet. max-width:100% mit automatischer Höhe sorgt dafür, dass sich jedes Bild an die verfügbare Breite anpasst.

Zwei Viewports, ein Score: wie die mobile Prüfung bewertet

Jeder Fund bekommt einen von vier Schweregraden und fließt darüber in mehrere Score-Ebenen ein, von der einzelnen Seite bis zur ganzen Website.

So sieht ein Mobile-Befund aus

Ein Beispiel-Befund, wie JERVIS ihn im Report zeigt (fiktive Beispieldaten zur Illustration):

Titel

Klickziel unterschreitet WCAG-Mindestgröße (18×20 Pixel)

Fundstelle

Filter-Button in der mobilen Produktübersicht

Beschreibung

Das Element ist mit 18 mal 20 Pixel kleiner als die WCAG-Mindestgröße von 24 mal 24 Pixel.

Empfehlung

Klickfläche auf mindestens 24×24, besser 44×44 Pixel vergrößern.

Schweregrad

Warnung

Was das für Sie bedeutet

Ein zu kleines Klickziel verfehlen Daumen auf dem Smartphone häufiger als Mauszeiger auf dem Desktop. Das kostet im Zweifel eine Bestellung oder Anfrage, ohne dass jemand sich beschwert, der Kunde geht einfach.

Warum Mobile-First mehr ist als ein responsives Layout

Ein Layout, das sich an die Bildschirmbreite anpasst, ist die Grundlage, nicht das Ziel. Mobile-First bedeutet: Klickziele müssen mit dem Daumen sicher treffbar sein, Text muss ohne Zoom lesbar sein, und Nutzer mit Sehschwäche müssen trotzdem heranzoomen können. Genau diese Ebene prüft das Mobile-Modul zusätzlich zum reinen Layout-Check. Der erste Grund: Google bewertet mit Mobile-First Indexing überwiegend die mobile Version einer Seite. Der zweite Grund: Das Barrierefreiheitsstärkungsgesetz macht seit Juni 2025 Mindestgrößen und Zoom-Fähigkeit zur rechtlichen Pflicht.

Mobile-Grundprüfung im Free Scan, site-weiter Mobile-Score im Full Audit

Die technische Grundprüfung, also Technik-Modul und Barrierefreiheits-Modul inklusive WCAG-Zielgröße und BFSG-Zoom-Check, ist Teil der 5 Module im kostenlosen Website-Check. Der site-weite Mobile-Score über alle Seiten hinweg sowie der echte Klicktest des mobilen Menüs sind ausschließlich Teil des vollständigen JERVIS Audits.

FAQ zur mobilen Prüfung von JERVIS