Was ist ein Ersatzbild?
Ein Ersatzbild wird angezeigt, wenn bevorzugte visuelle Inhalte nicht geladen oder dargestellt werden können. Es kann ein fehlendes Bild, eine fehlgeschlagene Videovorschau, ein nicht unterstütztes Format oder eine nicht verfügbare entfernte Ressource ersetzen.
So funktionieren Ersatzbilder
Ein Ersatzbild ist Teil der Fehler- und Kompatibilitätsgestaltung einer Benutzeroberfläche und nicht bloß eine weitere Quell-URL. Die Auswahl kann deklarativ erfolgen, wenn der Browser mögliche Formate bewertet, oder imperativ, nachdem eine ausgewählte Anfrage oder das Decodieren fehlgeschlagen ist. Der Ersatz sollte die vorgesehene semantische Rolle und Geometrie beibehalten, auch wenn er die fehlende Darstellung nicht wiedergeben kann. Er gehört in die Darstellungsschicht, während Monitoring und die Fehlerbehebung an den betroffenen Dateien das zugrunde liegende Auslieferungsproblem angehen.
Wichtige Fakten
- Das abschließende img-Element in einem picture-Element dient als Auswahlalternative, wenn Quellregeln oder Formate nicht passen. Bei einem Netzwerkfehler für den ausgewählten Kandidaten werden nicht zuverlässig alle vorherigen Kandidaten ausprobiert.
- Ein Fehlerhandler, der src ersetzt, muss verhindern, dass dieselbe fehlschlagende URL wiederholt zugewiesen wird. Das Entfernen des Handlers oder das Erfassen bereits versuchter Quellen verhindert eine endlose Folge von Fehlerereignissen.
- Explizite Breiten- und Höhenangaben oder ein festes Seitenverhältnis reservieren Platz im Layout, bevor eine der beiden Quellen geladen wird. Alternativtext sollte die Bedeutung des Bildes beschreiben, statt nur auf das fehlgeschlagene Laden hinzuweisen.
Wann Ersatzbilder wichtig sind
Entwickler wählen Ersatzbilder, die die Abmessungen im Layout beibehalten und nicht verfügbare Inhalte klar vermitteln. Fehlende intrinsische Abmessungen können weiterhin Layoutverschiebungen verursachen, selbst wenn ein Ersatz geladen wird.