1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
---
title: Progressive Enhancement
slug: Glossary/Progressive_Enhancement
tags:
- Accessibility
- Design
- Glossary
translation_of: Glossary/Progressive_Enhancement
---
<p><span class="seoSummary"><strong>Progressive enhancement</strong> (dt. etwa „Fortschreitende Verbesserung“) ist eine Design-Philosophie, bei der es darum geht, so vielen Nutzer*innen wie möglich die grundlegenden Inhalte und Funktionen einer Website zur Verfügung zur stellen.</span> Darüber hinaus wird Nutzer*innen mit einem modernen {{Glossary("Browser")}}, der den dafür notwendigen Code ausführen kann, das bestmögliche Erlebnis geboten.</p>
<p>Üblicherweise wird durch <em>Feature detection</em> überprüft, ob der Browser die technischen Voraussetzungen erfüllt, um den „verbesserten“ Code auszuführen. Fehlende Voraussetzungen werden oft durch {{Glossary("Polyfill", "Polyfills")}} hinzugefügt. Hierbei sollte vor allem die {{Glossary("Accessibility", "Accessibility bzw. Barrierefreiheit")}} berücksichtigt und akzeptable Alternativen wo möglich bereitgestellt werden.</p>
<p><em>Progressive enhancement</em> ist eine nützliche Technik, die es Webentwicklern erlaubt, sich auf die Entwicklung bestmöglicher Websites zu konzentrieren und gleichzeitig die Probleme zu berücksichtigen, die auftreten können, wenn verschiedene unbekannte {{Glossary("User agent", "User Agents")}} auf die Webseiten zugreifen.</p>
<p>{{Glossary("Graceful degradation")}} ist ein verwandtes Konzept, das sich aber von Progressive enhancement unterscheidet und oft als Gegensatz dazu betrachtet wird. Tatsächlich haben beide Ansätze ihre Gültigkeit und können sich oft gegenseitig ergänzen.</p>
<h2 id="Mehr_erfahren">Mehr erfahren</h2>
<h3 id="Allgemeinwissen">Allgemeinwissen</h3>
<ul>
<li>{{Interwiki("wikipedia", "Progressive Verbesserung")}} auf Wikipedia</li>
</ul>
<section class="Quick_links" id="Quick_Links">
<ul>
<li><a href="/de/docs/Glossary">Glossar</a>
<ul>
<li>{{Glossary("Graceful degradation")}}</li>
<li>{{Glossary("Polyfill")}}</li>
</ul>
</li>
</ul>
</section>
|
