An insulated travel mug beside a wireless charging puck with a red status LED glowing, train-station motion blur behind — the visual marker for PWA accessibility in the offline-first mobile context.
Image description: An insulated travel mug beside a wireless charging puck with a red status LED glowing, train-station motion blur behind — the visual marker for PWA accessibility in the offline-first mobile context.

Engineering-Primer · PWA-Barrierefreiheit 2026

Progressive Web Apps und Barrierefreiheit: Stand der Technik 2026

Wo Progressive Web Apps in Bezug auf Barrierefreiheit im Jahr 2026 stehen — Install-Prompt-UX, adaptive Icons, Screenreader-Übergabe zwischen Web und nativem System, Manifest-Erweiterungen für Offline-Verhalten assistiver Technologien und der iOS-Safari-Installationspfad nach iOS 16.4.

Progressive Web Apps und Barrierefreiheit:
Stand der Technik 2026

Sechs Jahre nachdem Apple auf iOS 16.4 endlich einen funktionierenden Installationspfad ausgeliefert hat, hat die Progressive Web App aufgehört, eine Kuriosität zu sein, und ist zu einer Beschaffungsfrage geworden. Dieser Primer richtet sich an Engineering-Teams, die im Jahr 2026 wissen müssen, was eine PWA ihren Nutzern assistiver Technologien tatsächlich schuldet — und wo die Plattform einer echten nativen App noch immer hinterherhinkt.

2023
iOS 16.4 — erster nutzbarer PWA-Installationspfad auf Safari
11
Manifest-Eigenschaften, die das AT-Verhalten beeinflussen
ca. 35 %
Lighthouse-PWAs, deren Installations-Schaltfläche für AT unbeschriftet ist
9 Min. Lesezeit
Aktualisiert Mai 2026

1. Was „PWA-Barrierefreiheit“ 2026 bedeutet

Eine Progressive Web App ist zur Laufzeit drei Dinge, die auf einer normalen Website aufgeschichtet sind: ein Web App Manifest, ein Service Worker und eine installierte Chrome-Oberfläche, die den Browser-Rahmen durch den eigenen Task-Switcher-Eintrag des Betriebssystems ersetzt. Jede der drei Schichten bringt ihre eigenen Barrierefreiheitspflichten mit sich — und jede versagt ihren Nutzern assistiver Technologien auf eine andere, separat debuggbare Weise.

Im Jahr 2020 kollabierte die gesamte Diskussion in „WCAG gilt für PWAs“, was technisch korrekt und operativ nutzlos war. Im Jahr 2026 ist die Diskussion in die vier Oberflächen aufgeteilt, auf die es wirklich ankommt: die Install-Prompt-UX, die Manifest-Eigenschaften, die Bedienelemente auf OS-Ebene steuern, die Übergabe zwischen dem Barrierefreiheitsbaum des Browsers und dem Barrierefreiheitsbaum des Betriebssystems, sobald die PWA im Standalone-Modus gestartet wird, und das AT-Verhalten des Offline-Fallbacks des Service Workers. WCAG 2.2 regelt das Dokument; die Plattformintegrationsschicht wird von einem weit lückenhafteren Mix aus W3C-Entwürfen, anbieterspezifischem Verhalten und vom Web geerbten ARIA-Konventionen geregelt.

Hinweis zum Anwendungsbereich

Dieser Primer behandelt die Plattformintegrations-Oberfläche von PWAs — Install-Prompts, Manifest-Eigenschaften, AT-Verhalten im Standalone-Modus, Offline-Fallback. Es wird davon ausgegangen, dass das zugrunde liegende Dokument bereits WCAG 2.2 AA erfüllt. Eine PWA-Hülle über einer barrierefreien Seite ändert nichts an der Tatsache, dass diese Seite barrierefrei ist — und eine PWA-Hülle über einer nicht barrierefreien Seite ändert nichts daran, dass diese Seite nicht barrierefrei ist.


2. Der Install-Prompt

Der Install-Prompt ist die am stärksten für Nutzende sichtbare PWA-Oberfläche und im Jahr 2026 immer noch die am schlechtesten entwickelte. In Chromium wird der Prompt durch beforeinstallprompt gesteuert, das erst nach einer heuristischen Engagement-Schwelle ausgelöst wird und das Websites typischerweise in eine benutzerdefinierte „App installieren“-Schaltfläche einbinden. Diese benutzerdefinierte Schaltfläche ist der Ort, an dem Barrierefreiheit schiefgeht: ungefähr jede dritte Lighthouse-bewertete PWA rendert die Installationsausprägung als <div> oder ein gestaltetes <span> ohne Rolle, ohne zugänglichen Namen und ohne Tastaturverarbeitung — für einen Screenreader unsichtbar, per Tab nicht erreichbar und von dekorativem Chrome nicht zu unterscheiden.

Die Lösung ist unspektakulär und verpflichtend: Die Installationsausprägung als echtes <button>-Element rendern, einen zugänglichen Namen vergeben, der das Verb enthält (z. B. „Disability World auf diesem Gerät installieren“), dieselbe Schaltfläche allen Eingabemodalitäten zugänglich machen und Erfolg oder Misserfolg über eine Live-Region ankündigen, nachdem der Nutzer die OS-Bestätigungsaufforderung geschlossen hat. Dasselbe gilt für die Zustände related-applications und beforeinstallprompt dismissed — beide müssen eine für AT wahrnehmbare Statusänderung erzeugen.


3. Die Manifest-Oberfläche

Das Web App Manifest ist zwischen 2022 und 2026 still gewachsen, und viele seiner neueren Eigenschaften haben direkte Konsequenzen für die Barrierefreiheit. Die nachfolgende Matrix ordnet die elf Manifest-Eigenschaften, die mit assistiver Technologie interagieren, dem zu, was jeder Browser heute tatsächlich damit macht — über Chrome auf Android, Safari auf iOS, Edge auf Windows und Firefox auf dem Desktop. Eigenschaften wie file_handlers, share_target und window_controls_overlay existierten 2021 in keiner nennenswerten Form; 2026 bestimmen sie, ob die PWA im Teilen-Menü des Betriebssystems erscheint, Dateien aus dem System-Dateimanager öffnet und ihre eigene Titelleiste rendert — all das muss der Screenreader-Nutzer wahrnehmen und bedienen können.

Chrome (Android)Safari (iOS 16.4+)Edge (Windows)Firefox (Desktop)
name im OS-Launcher sichtbarJaJaJaN/A
short_name unter dem Startbildschirm-IconJaJaJaN/A
description wird von AT im App-Info-Dialog gelesenJaTeilweiseJaN/A
Adaptive maskierbare Icons (purpose: "maskable")JaNeinJaN/A
lang + dir werden an AT weitergegebenJaTeilweiseJaN/A
file_handlers — Öffnen aus dem System-DateimanagerJaNeinJaN/A
share_target — erscheint im OS-Teilen-MenüJaNeinJaN/A
window_controls_overlay Titelleisten-ÜbernahmeN/AN/AJaN/A
shortcuts — Langdruck-Launcher-MenüJaNeinJaN/A
display_override (minimal-ui, window-controls-overlay)JaNeinJaN/A
launch_handler (focus-existing)JaNeinJaN/A
window_controls_overlay-Falle

Wenn eine PWA window_controls_overlay aktiviert, übernimmt sie die OS-Titelleiste — einschließlich des Bereichs, in dem eine native App dem Screenreader automatisch den Fenstertitel ankündigen würde. Apps, die diese Eigenschaft verwenden, müssen innerhalb des Safe-Area-Einschubs explizit ihre eigene fokussierbare, AT-beschriftete Titelleisten-Steuerung rendern, andernfalls verlieren Screenreader-Nutzer den einzigen Bildschirmanker für „Wo bin ich in dieser App?“


4. Die Web ↔ native Screenreader-Übergabe

Das schwierigste einzelne Debugging-Problem bei der PWA-Barrierefreiheit im Jahr 2026 ist das, was passiert, wenn der Nutzer die Naht zwischen dem Standalone-Modus-PWA-Chrome und dem Betriebssystem selbst überquert. Auf Android liest TalkBack den Manifest-name, wenn der Nutzer das Startbildschirm-Icon fokussiert, und wechselt dann zum Lesen des In-App-Barrierefreiheitsbaums, sobald die PWA startet; auf iOS 16.4+ tut VoiceOver dasselbe für eine installierte PWA, aber mit einer wichtigen Besonderheit — das erste fokussierbare Element nach dem Start wird ohne den App-Kontext angekündigt, den eine native iOS-App über ihren UIWindow-Titel liefern würde.

Der PWA-Autor hat ein Werkzeug, um diese Lücke zu schließen: Beim Kaltstart den Fokus auf eine Überschrift oder ein main-region-Landmark setzen, das den App-Namen in seinem zugänglichen Label enthält, und den Dokument-<title> auf eine Zeichenkette setzen, die der OS-Task-Switcher liest, wenn der Nutzer zwischen Apps wechselt. Ohne dies verliert der Screenreader-Nutzer den kontextuellen Hinweis, dass er die Anwendung gewechselt hat — ein „Wo bin ich?“-Fehler, der bei nativen Apps nicht existiert.

„Im Jahr 2024 sagte uns ein Bluetooth-Tastatur-VoiceOver-Nutzer bei einer PWA, die wir auf WCAG 2.2 AA zertifiziert hatten, er habe keine Ahnung gehabt, dass er aus Safari heraus und in unsere App gewechselt war. Das Dokument war barrierefrei. Die Übergabe war es nicht.“

— Disability World Nutzerforschungstagebuch, Oktober 2024

5. Offline + AT-Verhalten

Wenn der Service Worker eine Offline-Fallback-Seite ausliefert, treten zwei AT-spezifische Fehlermodi auf: Der Fokus, der sich innerhalb der nun entladenen Seite befand, wird still auf den Dokumentkörper fallen gelassen, und die Offline-Seite selbst verwendet selten eine Live-Region, um dem Screenreader-Nutzer mitzuteilen, was gerade passiert ist. Das Ergebnis ist ein Nutzer, der eine Ankündigung des Offline-Seiten-Titels hört (wenn er Glück hat) und ansonsten einen vollständigen Kontextverlust erlebt.

Die Lösung besteht darin, den Offline-Übergang als Zustandsänderung zu behandeln, ihn über eine höfliche aria-live-Region anzukündigen, den Fokus auf ein bekanntes Landmark der Offline-Seite zu setzen und eine „Wiederholen“-Steuerung als echtes Schaltflächen-Element bereitzustellen statt als den „Neu laden“-Link, den die meisten Service-Worker-Vorlagen liefern. Dasselbe gilt für den Hintergrund-Sync-Wiederherstellungspfad: Wenn die Verbindung zurückkehrt und der Service Worker die Warteschlange abarbeitet, ist das ebenfalls eine Zustandsänderung, über die der AT-Nutzer informiert werden muss.

Service-Worker-Checkliste

Eine höfliche Live-Region kündigt „Sie sind offline“ beim Übergang an. Der Fokus wird zur Haupt-Überschrift der Offline-Seite verschoben. Ein klar beschriftetes <button>Wiederholen</button> ist das erste interaktive Element. Bei Wiederherstellung der Verbindung sagt eine zweite höfliche Ankündigung „Verbindung wiederhergestellt“ und der Fokus wird auf das zurückgesetzt, womit der Nutzer zuletzt interagiert hat.


6. iOS Safari vs. Android vs. nativ

Die Frage „Sollen wir eine PWA oder eine native App ausliefern?“ hat nun neben einer Funktionsvollständigkeitsdimension auch eine Barrierefreiheitsdimension. Nachfolgend wird dieselbe hypothetische Nachrichten-Lese-App in vier Varianten verglichen — als PWA auf Android, als PWA auf iOS 16.4+, als native iOS-App und als native Android-App — über die fünf Oberflächen, die ein Screenreader-Nutzer zuerst berührt.

PWA · AndroidPWA · iOS 16.4+Nativ · iOSNativ · Android
Installationsausprägung für AT auffindbarWenn der Entwickler es richtig gemacht hatZum-Startbildschirm-Hinzufügen-Menü — auffindbarApp Store — vollständig barrierefreiPlay Store — vollständig barrierefrei
App-Name + Beschreibung am Launcher-IconJaJa (name + apple-mobile-web-app-title)Ja (UIKit Info.plist)Ja (Android Manifest)
Adaptive Icons (thematisch / monochrom)Ja (maskierbar)NeinJaJa
App-Switcher-Kontext angekündigtJaTeilweiseJa (UIWindow-Titel)Ja
OS-Teilen-Menü-EintragJa (share_target)NeinJa (UIActivity)Ja (Intent-Filter)
Langdruck-ShortcutsJa (shortcuts)NeinJa (UIApplicationShortcutItem)Ja
Push-Benachrichtigungen mit barrierefreiem InhaltJaJa (seit iOS 16.4)JaJa
Benutzerdefinierter Rotor / SchnellnavigationN/AN/AJaJa
Die iOS-Lücke im Jahr 2026

iOS 16.4 hat den Installationspfad, Push-Benachrichtigungen und die Badging-API für PWAs freigeschaltet, und iOS 17 hat die Lücke auf der grundlegenden Startoberfläche weiter geschlossen. Aber file_handlers, share_target, shortcuts und window_controls_overlay werden weiterhin nicht unterstützt. Für AT-Nutzende, die auf das OS-Teilen-Menü angewiesen sind, um Inhalte zwischen Apps zu verschieben, ist eine PWA auf iOS immer noch eine deutlich kleinere Oberfläche als eine PWA auf Android oder eine native iOS-App.


Fazit: Das Playbook für 2026

Die Installationsausprägung als echtes <button>-Element mit einem zugänglichen Namen ausliefern. Eine höfliche Live-Region an das userChoice-Ergebnis koppeln. name, short_name, description, lang und dir im Manifest ausfüllen und maskierbare Icons für Android bereitstellen. Wenn window_controls_overlay aktiviert wird, eine eigene Titelleiste rendern und beschriften; wenn file_handlers oder share_target aktiviert werden, den resultierenden Start als Zustandsänderung behandeln und ihn beim Einstieg ankündigen.

Den Fokus auf ein beschriftetes Landmark setzen, jedes Mal wenn der Screenreader-Nutzer die Naht überquert — Erststart, App-Switcher-Rückkehr, Offline-Übergang, Share-Target-Start, Wiederverbindung. Jede Überquerung als ein diskretes Ereignis behandeln, das dem Nutzer eine wahrnehmbare Ankündigung und einen bekannten Fokusanker schuldet. Nichts davon ist schwierig; fast nichts davon wird konsistent ausgeliefert.

Eine PWA im Jahr 2026 kann für einen AT-Nutzer einer nativen App sehr ähneln — auf Android. Auf iOS ist sie näher als früher, und es gibt immer noch eine echte Lücke. Die Lücke schließt sich ungefähr um eine Manifest-Eigenschaft pro Jahr. Für Beschaffungsteams, die zwischen einer PWA und einer nativen App wählen, lautet die Barrierefreiheitsfrage nicht mehr „Kann eine PWA barrierefrei sein?“ — das kann sie. Die Frage ist, ob das Team, das sie baut, die elf Manifest-Zeilen oben gelesen und akzeptiert hat, dass jede einzelne zu seinem Lieferumfang gehört.

„Eine PWA-Hülle entbindet ein Team nicht von der Plattformintegrations-Arbeit. Sie fügt elf neue Barrierefreiheits-Oberflächen hinzu und fordert das Team auf, jede einzelne auf jeder Plattform zu bearbeiten, auf die es ausliefert.“

— Disability World Engineering-Redaktion