Bildschirmvergrößerung

Eine Bildschirmvergrößerung ist assistive Software, die einen Ausschnitt des Bildschirms für sehbehinderte Nutzende vergrößert. Der Benutzer sieht einen vergrößerten Bereich (typische Faktoren 2× bis 16×), der der Maus, dem Tastaturfokus oder dem Textcursor folgt.

Bildschirmvergrößerungen werden von einer großen Nutzergruppe eingesetzt:

• Sehbehinderte Erwachsene mit Erkrankungen wie Makuladegeneration, diabetischer Retinopathie, Glaukom und verschiedenen Formen von Retinitis pigmentosa.
• Ältere Nutzende mit altersbedingtem Sehverlust, die sich nicht als behindert eingestuft haben, aber erhebliche Vergrößerung benötigen, um lesen zu können.
• Nutzende mit Lichtempfindlichkeit, die Inhalte in Normalgröße nicht problemlos lesen können, vergrößerte Inhalte in ihrer bevorzugten Kontrastpalette jedoch gut wahrnehmen.

Die Gesamtzahl der Nutzerinnen und Nutzer von Bildschirmvergrößerungen ist erheblich größer als die der Screenreader-Nutzerinnen und -Nutzer — weltweit werden zig Millionen geschätzt —, da eine Sehbeeinträchtigung häufiger vorkommt als vollständige Blindheit.

Die wichtigsten Produkte

• Windows-Lupe — in Windows integriert; kostenlos; aktuelle Versionen unterstützen Vollbild-, Linsen- und angedockte Modi. Für den Alltagsgebrauch ausreichend; manche professionellen Funktionen fehlen.
• macOS-Zoom — in macOS integriert; Konfiguration über Systemeinstellungen → Bedienungshilfen → Zoom. Ähnlicher Funktionsumfang wie die Windows-Lupe.
• ZoomText (Vispero, das Unternehmen hinter JAWS) — kommerziell; seit Jahrzehnten Marktführer für anspruchsvolle Vergrößerungs-Anwendungen. Bietet individuelle Kontrastpaletten, smartes Tracking nach Dokumentlayout, Sprachausgabe-Integration und HD-Vergrößerung.
• MAGic (Vispero) — älteres Vispero-Produkt mit ähnlichem Profil wie ZoomText, optional mit Sprachintegration.
• iOS-Zoom — in iOS integriert; gestengesteuerte Vergrößerung; auf Mobilgeräten weit verbreitet.

UI-Anforderungen für Bildschirmvergrößerungen

Nutzende einer Bildschirmvergrößerung sehen zu jedem Zeitpunkt nur einen kleinen Teil des Bildschirms. Gestaltungs- und Entwicklungsentscheidungen, die für die Vollbildansicht gut funktionieren, können für diese Nutzenden problematisch sein:

• Tooltips und Popovers, die weit vom auslösenden Element erscheinen. Ein Hover-Tooltip, der am oberen Seitenrand erscheint, wenn der Nutzer über eine Schaltfläche am unteren Rand fährt, ist für jemanden unsichtbar, dessen vergrößerter Ausschnitt auf die Schaltfläche gerichtet ist. Popovers sollten direkt neben ihren Auslösern positioniert werden.
• Modale Dialoge, die abseits der Mitte erscheinen. Ein Modal, das außerhalb des vergrößerten Ausschnitts geöffnet wird, scheint nichts zu bewirken. Der Nutzer klickt das auslösende Element an und der Bildschirm scheint unverändert. Modals sollten am Fokuspunkt zentriert werden, nicht einfach in der Seitenmitte.
• Wichtige Inhalte, die an die Mausposition geknüpft sind. Ein „Schieberegler ziehen, um den Wert zu sehen“-Muster erfordert, dass der Nutzer sowohl den Schieberegler als auch die Wertanzeige — die sich typischerweise auf gegenüberliegenden Seiten des Bedienelements befinden — im Blick behält. Bei 8-facher Vergrößerung ist das nicht möglich. Der Wert sollte direkt am Schieberegler angezeigt werden.
• Fokusindikatoren, die nicht den gesamten interaktiven Bereich abdecken. Ein dezenter 1-Pixel-Fokusring ist bei 8-facher Vergrößerung kaum sichtbar, weil die Vergrößerung dieselbe Anzahl physischer Pixel vergrößert.
• Layoutänderungen beim Hover/Fokus. Wenn das Layout bei Fokuseintritt eines Elements verschoben wird, verliert die Vergrößerung ihre Position. Das Layout sollte verankert bleiben.

Was WCAG abdeckt

Mehrere WCAG-Erfolgskriterien dienen implizit den Nutzenden von Bildschirmvergrößerungen:

• 1.4.4 Textgröße ändern (AA) — Text kann auf 200 % vergrößert werden, ohne dass Inhalte oder Funktionalität verloren gehen. Nutzende einer reinen Bildschirmvergrößerung greifen möglicherweise eher auf Hardware-Vergrößerung als auf Browser-seitige Textvergrößerung zurück, doch die zugrundeliegende Designdisziplin — Layouts nicht auf kleine Textgrößen zu fixieren — gilt in beiden Fällen.
• 1.4.10 Umfluss (AA) — Inhalte müssen bei einer Breite von 320 CSS-Pixeln ohne horizontales Scrollen neu fließen. Dies hilft, wenn der vergrößerte Ausschnitt schmal ist.
• 1.4.11 Kontrast von Nicht-Text-Inhalten (AA) — interaktive Bedienelemente und visuelle Inhalte benötigen einen Kontrast von 3:1. Besonders relevant für Vergrößerungs-Nutzende, da deren effektive Auflösung verringert ist.
• 1.4.13 Inhalt bei Hover oder Fokus (AA) — Inhalte, die bei Hover oder Fokus erscheinen, müssen schließbar, hoverfähig und persistent sein. Nutzende einer Bildschirmvergrößerung verlieren Hover-Ziele häufig, wenn der vergrößerte Ausschnitt sich verschiebt.

Der schnellste manuelle Test

Die OS-Vergrößerung bei 4-facher Vergrößerung aktivieren und die eigene Website fünf Minuten lang bedienen. Jedes „Wo ist das hin?“ oder „Lädt das noch?“ ist ein mögliches Barrierefreiheitsproblem für Nutzende von Bildschirmvergrößerungen.