Wissensartikel
Ist Ihre Website barrierefrei?
Ob Ihre Website barrierefrei ist, zeigt erst ein Test mit Tastatur und Screenreader – viele technische Grundlagen lassen sich aber automatisch prüfen: …
Kostenloses Tool · Technik & Crawling
Responsive-Test: Ihre Website auf 4 Geräten
Sehen Sie Ihre Seite so, wie sie auf Smartphone, Tablet, Laptop und Desktop erscheint – mit Bildschirmfotos und markierten Stellen, an denen Inhalte überstehen, Texte zu klein oder Schaltflächen zu eng sind.
- Kostenlos
- Ohne Anmeldung
- Bis zu 6 Messungen pro Stunde
- Ergebnis nach 15 Minuten gelöscht
Beispielergebnis ansehen – so sieht eine fertige Prüfung aus.
Unser Server öffnet die Adresse in einem abgeschotteten Browser mit der Kennung unseres Prüf-Crawlers. Adresse und Ergebnis liegen nur im Arbeitsspeicher und werden spätestens 15 Minuten nach der Messung gelöscht; wir protokollieren keine Adressen.
So funktioniert das Tool
Unser Server öffnet Ihre Seite in einem frischen Chrome-Browser nacheinander auf vier Geräten: Desktop (1440 × 900), Laptop (1024 × 768, zusätzlich im Hochformat 1024 × 1200), Tablet (768 × 1024) und Smartphone (375 × 812). Tablet und Smartphone werden mit Touch und hochauflösendem Bildschirm dargestellt.
Auf jedem Gerät scrollen wir einmal durch die Seite, damit nachgeladene Bilder erscheinen, fotografieren sie und messen: Viewport-Angabe, seitlicher Überlauf, zu breite Elemente und Medien, abgeschnittener Text, Schriftgröße, Größe und Abstand der Tap-Ziele. Jeder Befund nennt das betroffene Element und ist auf dem Bildschirmfoto markiert.
So lesen Sie das Ergebnis
- Problem
- Darstellungsfehler, den Besucher sofort bemerken – etwa eine Seite, die seitlich übersteht, oder überwiegend winzige Schrift.
- Verbesserbar
- Einzelne zu breite Elemente, abgeschnittener Text, zu kleine oder zu eng stehende Tap-Ziele.
- Info
- Hinweis ohne großen Abzug, zum Beispiel Bilder, die viel breiter gespeichert sind, als sie angezeigt werden.
- Note A–F
- Score je Gerät und gesamt wie im Website-Check: A ab 90, B ab 80, C ab 70, D ab 50, E ab 35 Punkten.
Warum zählt die Darstellung auf dem Smartphone am meisten?
Google bewertet Websites nach ihrer Mobilversion, und in Österreich kommt ein großer Teil der Besuche von Smartphones. Was dort übersteht, zu klein ist oder sich nicht zoomen lässt, kostet Anfragen – und betrifft oft auch die Barrierefreiheit, etwa bei blockiertem Zoom oder zu engen Schaltflächen.
Die häufigsten Ursachen sind feste Breitenangaben in Pixeln, Tabellen und eingebettete Inhalte ohne Umbruch, Bilder ohne max-width: 100% und Menüs, deren Links für Finger zu dicht stehen. Viele davon lassen sich im Theme oder Page-Builder mit wenigen Einstellungen beheben.
Mehr dazu im Wissensartikel Ist Ihre Website barrierefrei?
Häufige Fragen
Auf welchen Geräten wird meine Seite geprüft?
Auf vier typischen Bildschirmgrößen: Desktop mit 1440 × 900 Pixeln, Laptop mit 1024 × 768 (zusätzlich im Hochformat 1024 × 1200), Tablet mit 768 × 1024 und Smartphone mit 375 × 812 Pixeln. Tablet und Smartphone werden als Touch-Geräte mit hochauflösendem Bildschirm dargestellt, so wie ein Mobilbrowser die Seite sieht.
Wie entsteht der Score?
Jedes Gerät startet mit 100 Punkten; für jeden Befund ziehen wir feste Punkte ab – etwa 18 für eine Seite, die seitlich übersteht, oder 15, wenn mehr als ein Fünftel des Textes kleiner als 12 Pixel ist. Der Gesamtscore gewichtet die Geräte nach ihrer Bedeutung: Smartphone 35 %, Tablet 25 %, Laptop und Desktop je 20 %. Die Noten A bis F entsprechen denen des Website-Checks.
Was bedeutet „Tap-Ziel zu klein“?
Links und Schaltflächen sollten mindestens 24 × 24 Pixel groß sein oder genug Abstand zu ihren Nachbarn haben (WCAG 2.2, Kriterium 2.5.8). Sonst tippen Besucher am Smartphone leicht daneben. Wir melden nur kleine Ziele, die zu nah an einem anderen Ziel liegen – ein kleiner, frei stehender Link ist erlaubt.
Warum sieht mein Bildschirmfoto anders aus als auf meinem Handy?
Wir rufen die Seite beim ersten Besuch ohne gespeicherte Einwilligung auf – Cookie-Banner erscheinen deshalb so, wie neue Besucher sie sehen. Schriften, die die Seite nicht selbst mitliefert, ersetzt unser Server durch ähnliche, und Inhalte, die erst nach einem Klick oder später nachgeladen werden, können fehlen. Die Messwerte beziehen sich auf genau die Darstellung im Bildschirmfoto.
Was passiert mit der Adresse, die ich prüfe?
Adresse, Bildschirmfotos und Ergebnis liegen nur im Arbeitsspeicher unseres Servers und werden spätestens 15 Minuten nach der Messung gelöscht. Abrufen kann das Ergebnis nur, wer den zufällig erzeugten Ergebnis-Link hat; wir protokollieren keine Adressen. Details stehen in der Datenschutzerklärung.
Ersetzt der Test eine Prüfung der Barrierefreiheit?
Nein. Der Responsive-Test findet typische Darstellungsprobleme auf kleinen Bildschirmen, die auch die Barrierefreiheit betreffen – zu kleine Schrift, enge Bedienelemente, blockiertes Zoomen. Eine vollständige Prüfung nach WCAG braucht zusätzlich Tests mit Tastatur und Screenreader. Was automatisch prüfbar ist, erklärt der Artikel Barrierefreiheit.