Barrierefreiheit und Mobile-First – Warum das Smartphone der kritischste Kanal ist

Barrierefreiheit und Mobile-First – Warum das Smartphone der kritischste Kanal ist

Die meisten Nutzer:innen kommen mobil

Über 60 % aller Website-Aufrufe erfolgen heute über mobile Geräte. Für viele Unternehmen liegt dieser Anteil noch höher.

Wer Barrierefreiheit nur am Desktop testet, testet am falschen Gerät.

Und wer auf dem Smartphone scheitert, scheitert vor der Mehrheit seiner Nutzer:innen.

Warum Mobile Barrierefreiheit besonders komplex ist

Auf dem Desktop gibt es Maus, Tastatur und einen großen Bildschirm. Auf dem Smartphone gibt es Finger, Gesten und ein kleines Display.

Das stellt ganz andere Anforderungen:

• Touch-Ziele müssen groß genug sein – mindestens 44×44 Pixel
• Gesten müssen alternativ bedienbar sein – nicht jeder kann wischen
• Zoom darf nicht gesperrt sein – user-scalable=no ist ein WCAG-Verstoß
• Orientierung darf nicht erzwungen werden – manche Nutzer:innen halten das Gerät seitlich
• Bildschirmtastaturen verändern das Layout – Inhalte müssen trotzdem erreichbar bleiben

Assistive Technologien auf mobilen Geräten

Screenreader existieren nicht nur am Desktop. Sie sind auf Millionen Smartphones aktiv:

• VoiceOver (iOS) – integriert, weit verbreitet
• TalkBack (Android) – Standardscreenreader auf Android-Geräten

Wer seine Website nicht mit diesen Tools testet, kennt die tatsächliche Nutzererfahrung nicht.

Die häufigsten mobilen Barrieren

1. Zu kleine Touch-Ziele Buttons, Links und Icons, die am Desktop gut aussehen, sind auf dem Smartphone zu klein für Finger – besonders für motorisch eingeschränkte Nutzer:innen.

2. Zoom gesperrt <meta name="viewport" content="user-scalable=no"> verhindert das Zoomen. Für Menschen mit Sehschwäche ist das ein kompletter Ausschluss. WCAG 1.4.4 verbietet dies ausdrücklich.

3. Horizontales Scrollen Inhalte, die breiter als der Bildschirm sind, erzwingen horizontales Scrollen. Das ist für viele Nutzer:innen desorientierend und schwer bedienbar.

4. Erzwungene Bildschirmausrichtung Manche Nutzer:innen halten ihr Gerät dauerhaft im Querformat – z.B. weil es am Rollstuhl befestigt ist. Websites, die nur Hochformat unterstützen, schließen sie aus.

5. Schwebende Elemente blockieren Inhalte Sticky Header, Cookie-Banner und Chat-Widgets nehmen auf kleinen Screens unverhältnismäßig viel Platz weg – und überlagern oft Inhalte und Bedienelemente.

6. Schriftgröße zu klein Was auf dem Desktop lesbar ist, ist auf dem Smartphone oft zu klein. Ohne Zoom-Möglichkeit ist der Inhalt für viele nicht lesbar.

Was WCAG für Mobile fordert

WCAG 2.1 enthält spezifische Erfolgskriterien für mobile Nutzung:

Der einfache Selbsttest

1. Öffnen Sie Ihre Website auf dem Smartphone
2. Deaktivieren Sie WLAN und nutzen Sie eine normale Mobilverbindung
3. Aktivieren Sie VoiceOver (iOS) oder TalkBack (Android)
4. Versuchen Sie, Ihre wichtigsten Seiten zu navigieren – ohne hinzuschauen

Was Sie hören und fühlen, ist die Realität Ihrer mobilen Nutzer:innen.

Wie ClarusPlus unterstützt

Der ClarusPlus Accessibility-Audit prüft auch mobile Barrierefreiheit:

• Touch-Zielgrößen
• Zoom-Sperren
• Viewport-Konfiguration
• Responsive Zugänglichkeit

Das ClarusPlus Widget funktioniert auf allen Geräten – und gibt auch mobilen Nutzer:innen sofortige Kontrolle über Darstellung und Lesbarkeit.

Ihre nächsten Schritte

• Testen Sie Ihre Website auf dem Smartphone mit aktiviertem Screenreader
• Prüfen Sie, ob Zoom gesperrt ist – und heben Sie die Sperre auf
• Überprüfen Sie Touch-Zielgrößen auf allen wichtigen Seiten
• Starten Sie mit dem kostenlosen ClarusPlus Accessibility-Audit

Kontakt: [email protected]

Mehr erfahren: clarusplus.com