←  Alle Begriffe
P
Frontend & Web Development

Progressive Enhancement

Progressive Enhancement liefert zuerst eine robuste Basisfunktion und ergänzt darauf aufbauend erweiterte Gestaltung und Interaktion.

Progressive Enhancement stellt sicher, dass zentrale Inhalte und Funktionen zunächst auf einer möglichst robusten technischen Basis verfügbar sind. Darauf aufbauend können zusätzliche Styles, Interaktionen und erweiterte Funktionen ergänzt werden, ohne die grundlegende Nutzbarkeit zu gefährden. Semantisches HTML, gute Performance und zugängliche Bedienung bilden dabei eine wichtige Grundlage. Verwandte Begriffe sind Semantisches HTML und Barrierefreiheit.

Weiterlesen

Semantisches HTML

Barrierefreiheit

JavaScript

Website Performance

FAQ

Progressive Enhancement

Wie hängt Progressive Enhancement mit Barrierefreiheit zusammen?
Beide setzen auf semantisches HTML als Grundlage. Native Elemente wie Buttons, Links und Formularfelder bringen Tastaturbedienung und Unterstützung für Screenreader ohne Zusatzaufwand mit. Skript-Erweiterungen müssen diese Eigenschaften erhalten. Progressive Enhancement macht Barrierefreiheit nicht automatisch, schafft aber die technische Voraussetzung dafür und verhindert typische Zugänglichkeitsprobleme.
Wann ist Progressive Enhancement bei Webanwendungen kaum umsetzbar?
Bei stark interaktiven Anwendungen wie Editoren oder Dashboards ohne sinnvolle Basisversion lässt sich der Ansatz kaum vollständig umsetzen. Auch dort hilft das Prinzip als Leitlinie: Ladezustände, Fallbacks und robustes Markup. Als Faustregel gilt: Je inhaltsorientierter die Seite, desto größer der Nutzen des Ansatzes.
Warum bleibt eine Seite mit Progressive Enhancement ohne JavaScript nutzbar?
Inhalte und Kernfunktionen wie Links und Formulare liegen im HTML und arbeiten ohne Skript. JavaScript ergänzt Komfort, etwa Validierung ohne Neuladen. Fällt es aus, weil ein Skript fehlschlägt oder das Netzwerk schwach ist, bleibt die Seite nutzbar. Das kommt auch Suchmaschinen und Hilfstechnologien zugute.
Worin unterscheidet sich Progressive Enhancement von Graceful Degradation?
Progressive Enhancement beginnt mit einer funktionierenden Basis und ergänzt Funktionen für fähige Browser. Graceful Degradation beginnt mit dem vollen Funktionsumfang und sorgt dafür, dass bei Ausfällen etwas Brauchbares übrig bleibt. Der Ausgangspunkt unterscheidet sich: Im ersten Fall wächst Funktion von unten nach oben, im zweiten wird von oben abgebaut.