Progressive enhancement

Als progressive enhancement (englisch für fortlaufende Verbesserung) wird im HTML-Umfeld das Prinzip bezeichnet, dass der Inhalt von Webseiten grundsätzlich mit jedem Browser und jeder Internetverbindung bestmöglich darstellbar und erreichbar sein sollte.

Die Webseite wird in verschiedenen Schichten entwickelt, die es erlauben Nutzern älterer und mobiler Systeme Inhalt und eine Basisfunktionalität zur Verfügung zu stellen. Nutzer mit neueren Browsern und höheren Übertragungsraten ohne Datenlimit erhalten eine verbesserte Version mit zusätzlichen Effekten.

Progressive Verbesserung beruht auf folgenden Prinzipien:

• Der Hauptinhalt sollte allen Browser verfügbar gemacht werden.
• semantische HTML-Auszeichnung
• Layout durch externe Stylesheets
• zusätzliche Interaktivität durch unobtrusive JavaScript
• Browserwahl und -Einstellungen der Nutzer werden respektiert

Beispielsweise sollte ein Formular so erstellt werden, dass es sich auch ohne JavaScript absenden lässt und ohne CSS einen Sinn ergibt, auch wenn nicht alle von JavaScript-abhängigen Ausfüll-Hilfen funktionieren und es nicht „schick“ aussieht.

Siehe auch

• Fallback
• graceful degradation
• HTML/Tutorials/Trennung von Inhalt, Präsentation und Verhalten
• SELFHTML-Blog: graceful degradation vs. progressive enhancement

Weblinks

• kulturbanause.de: Mobile First + Progressive Enhancement
• Jeremy Keith: Resilient Web Design, Chapter 5: Layers (en)
• Jeremy Keith: Responsive Enhancement (en), Übersetzung eines Teils
• webplatform.org: graceful degradation versus progressive enhancement (en)