Website-Zoom: Bleibt dein Angebot gut lesbar?

Eine echte Besucheraufgabe für den Rundgang wählen

Beginne mit einem Weg, den ein Interessent tatsächlich nutzen soll: eine Leistung verstehen, den passenden Standort finden und eine Rückfrage vorbereiten. Prüfe dabei mehrere Seitentypen. Eine Startseite mit kurzem Text kann unauffällig sein, während eine ausführliche Leistungsseite oder ein Kontaktformular bei Vergrößerung Probleme zeigt.

Notiere vorab die Webadressen und das erwartete Ziel. Öffne beispielsweise die Leistung, die du aus einem Verzeichnisprofil verlinken möchtest, und gehe von dort zum vorgesehenen Kontakt. So untersuchst du einen zusammenhängenden Ablauf statt nur einen einzelnen Bildschirmausschnitt.

Fiktives Testbeispiel: Ein Interessent sucht auf der Website eines Montagebetriebs nach dem angebotenen Umfang und möchte anschließend eine Anfrage stellen. Beim Vergrößern darf der Kontakt nicht unter einer festen Leiste verschwinden. Das Beispiel beschreibt einen Prüffall und keinen tatsächlich festgestellten Fehler eines bestehenden Unternehmens.

Vergrößerung und Testbedingungen festhalten

Öffne den ausgewählten Weg am Computer und notiere Browser, verwendetes Fenster und Ausgangsdarstellung. Nutze anschließend die Zoomfunktion deines Browsers in mehreren Schritten bis 200 Prozent. Prüfe auf jeder Stufe, ob Inhalte und Bedienelemente weiterhin lesbar und erreichbar sind. Setze die Einstellung nach deinem Test wieder auf den ursprünglichen Wert zurück.

Die W3C-Erläuterung zur Textvergrößerung beschreibt als Ziel eine Vergrößerung bis 200 Prozent ohne Verlust von Inhalt oder Funktion. Der Leitfaden erläutert auch unterschiedliche Mechanismen wie Seitenzoom und reine Textvergrößerung. Notiere deshalb, was du tatsächlich ausprobiert hast; die Verfahren sind nicht automatisch identisch.

Wenn dein Browser eine gesonderte Vergrößerung nur des Texts anbietet, kann diese einen zusätzlichen Prüffall bilden. Verändere dabei keine technischen Einstellungen, deren Wirkung du nicht kennst. Für reproduzierbare Beobachtungen ist eine dokumentierte, überschaubare Testumgebung hilfreicher als viele gleichzeitig geänderte Optionen.

Textfluss und den Weg zum nächsten Abschnitt ansehen

Lies eine längere Passage tatsächlich durch. Werden Zeilen in der verfügbaren Breite umbrochen oder musst du für jede Zeile seitlich hin- und herschieben? Prüfe Überschriften, Bildunterschriften, Aufzählungen und längere Begriffe. Ein größerer Text nützt wenig, wenn sein Ende abgeschnitten wird oder mehrere Absätze übereinanderliegen.

Die W3C-Erläuterung zu Reflow behandelt die Anpassung an schmalen verfügbaren Raum. Sie nennt für vertikal gelesene Inhalte eine Breite von 320 CSS-Pixeln; das entspricht bei 1280 CSS-Pixeln Ausgangsbreite einem Seitenzoom von 400 Prozent. Das ist ein eigener Prüfaspekt neben der Vergrößerung bis 200 Prozent.

Inhalte wie bestimmte Tabellen oder Karten können einen zweidimensionalen Aufbau benötigen. Unterscheide solche Bereiche von gewöhnlichen Fließtexten. Ein schmaler Smartphone-Bildschirm ist außerdem ein hilfreicher zusätzlicher Blick auf das Layout, dokumentiert aber nicht allein, dass alle Vergrößerungsarten geprüft wurden.

Menüs, feste Leisten und Formulare mitprüfen

Führe den gewählten Besucherweg fort. Öffne das Menü, wähle einen Unterpunkt und suche den Kontakt. Wenn die Navigation in eine kompakte Form wechselt, müssen dieselben benötigten Ziele weiterhin auffindbar sein. Die Position darf sich ändern, die Aufgabe muss lösbar bleiben.

• Bleiben Schaltflächenbeschriftungen vollständig lesbar?
• Lassen sich Menüs öffnen und wieder schließen?
• Verdeckt eine feste Kopf- oder Kontaktleiste wichtige Inhalte?
• Sind Feldnamen und Eingaben gemeinsam erkennbar?
• Kann eine Fehlermeldung gelesen und die betroffene Eingabe erreicht werden?
• Bleibt nach einer Interaktion sichtbar, an welcher Stelle du dich befindest?

Verwende bei einem abgestimmten Formulartest erkennbare Testangaben und vermeide echte Buchungen oder Aufträge. Die Formular-Checkliste ergänzt die inhaltlichen Fragen zu Pflichtfeldern und Meldungen. Der Tastaturrundgang untersucht daneben einen anderen Teil der Bedienung.

Beobachtungen so notieren, dass sie nachstellbar sind

„Mobil sieht es komisch aus“ gibt einer Betreuung wenig Ansatz für eine Korrektur. Beschreibe stattdessen eine konkrete Stelle, den ausgeführten Schritt und die Auswirkung auf die Besucheraufgabe. Ein Screenshot kann die Beobachtung ergänzen, sollte aber keine privaten Angaben zeigen.

Webadresse: [betroffene Seite].
Umgebung: [Browser, Fenstergröße und Zoomart].
Einstellung: [tatsächlich verwendete Vergrößerung].
Schritte: [Seite öffnen, Abschnitt oder Menü aufrufen].
Erwartung: [Text lesbar oder Kontakt erreichbar].
Beobachtung: [konkreter abgeschnittener oder verdeckter Inhalt].
Nachprüfung: [Datum, Einstellung und Ergebnis nach der Änderung].

Ordne zuerst Probleme ein, die eine wichtige Aufgabe verhindern. Eine unerreichbare Absende-Schaltfläche hat eine andere Auswirkung als ein ungewohnter Zeilenumbruch, bei dem alles lesbar bleibt. Lass Korrekturen mit derselben Einstellung nachprüfen und gehe anschließend den vollständigen Weg erneut durch.

Den Website-Einstieg vor neuen Veröffentlichungen kontrollieren

Ein Link aus dem Unternehmensverzeichnis führt Besucher auf deine Website. Prüfe deshalb gerade diesen Einstieg einschließlich Leistungstext und Kontakt bei vergrößerter Darstellung. Eine gute Veröffentlichung kann einen unbenutzbaren nächsten Schritt auf der Zielseite nicht ausgleichen.

Wenn du zusätzliche Unternehmensveröffentlichungen planst, umfasst das Österreich-Paket für 99 € pro Jahr goaustria.at, businesses.at und wienzeitung.at. Der Betrag ist ein Jahresgesamtpreis mit jährlicher Verlängerung; weitere Plattformplatzierungen erfordern redaktionelle Umsetzung. Neue bezahlte GoAustria-Profillinks bleiben sponsored/nofollow. Vergleiche Leistungen und Bedingungen. Ein Website-Audit ist mit dem Veröffentlichungspaket nicht beauftragt.