Zum Inhalt springen

Alternativtext

Alternativtext vermittelt die Bedeutung oder Funktion eines Bildes im jeweiligen Kontext. Rein dekorative Bilder brauchen eine andere Behandlung.

Auch bekannt alsAlt-Text
Design & UX

Die relevante Bildaussage vermitteln

Alternativtext ist ein textlicher Ersatz für die relevante Bedeutung oder Funktion eines Bildes. Bei einem HTML-Bild wird er üblicherweise im Attribut alt hinterlegt. Was hineingehört, hängt vom Einsatz des Bildes ab.

Zeigt ein beispielhaftes Produktfoto den Anschluss eines Geräts, kann die Anschlussart für die Auswahl wichtig sein. Dient dasselbe Bild als alleiniger Link zum Datenblatt, muss der zugängliche Name das Linkziel vermitteln. „Bild eines Geräts“ hilft dann wenig.

Ein rein dekoratives Bild erhält bei Verwendung als HTML-Bild in der Regel alt="", damit es nicht unnötig vorgelesen wird. Bei einem komplexen Diagramm müssen wesentliche Informationen außerdem als zugänglicher Inhalt verfügbar sein. Alternativtext ist weder eine Sammlung von Suchbegriffen noch automatisch die Bildunterschrift.

Quellen

Verwandte Begriffe

Beiträge zum Thema

Insights · Design & UX2 Min.Gleiche Gestaltung braucht nicht überall denselben SeitenaufbauEine Liste hilft beim Vergleichen; eine Freigabe braucht die entscheidenden Einzelheiten. Vertraute Bedienelemente können trotzdem gemeinsam bleiben.Julia Hoffmann13.11.2026
Insights · Design & UX2 Min.Übersetzungsabdeckung misst noch keine erledigte AufgabeVollständige Sprachdateien helfen bei der Bestandskontrolle. Für die Freigabe einer mehrsprachigen Oberfläche braucht es zusätzlich einen funktionierenden Ablauf.Anna Neumann13.11.2026
Insights · Design & UX2 Min.Nutzerwünsche nach Aufgabe und Wirkung einordnenEin hypothetisches Lagerbeispiel zeigt, warum Wunschhäufigkeit, Arbeitsfolgen und Nutzungssituation gemeinsam in die Priorisierung gehören.Julia Hoffmann13.11.2026
Insights · Design & UX2 Min.Formulare anhand einer vollständigen Aufgabe bewertenEin fiktiver Formularvergleich zeigt, welche Fragen nach einer Gestaltungsfreigabe offenbleiben: Korrektur, Datenerhalt und bestätigter Eingang.Julia Hoffmann13.11.2026
Ratgeber · Design & UX2 Min.Das Website-Menü an konkreten Aufgaben ausrichtenOrdnen Sie vorhandene Seiten den Aufgaben Ihrer Besucher zu. Eine ausgefüllte Zuordnung macht Menübegriffe, Ziele und die anschließende Prüfung nachvollziehbar.Julia Hoffmann13.11.2026
Ratgeber · Design & UX2 Min.Mehrsprachige Oberflächen mit einem konkreten Vorgang planenEin Portalbeispiel zeigt, wie Sie lange Texte, lokale Zahl- und Datumsformate sowie fehlende Übersetzungen für einen Sprachwechsel planen.Julia Hoffmann13.11.2026
Ratgeber · Design & UX2 Min.Lieferadressdialog mit der Tastatur prüfenEin ausgearbeitetes Beispiel zeigt Fokusfolge, Abbrechen und Speichern im Adressdialog. So werden Tastaturfehler konkret nachvollziehbar.Julia Hoffmann13.11.2026
Ratgeber · Design & UX2 Min.Projektformulare mit klaren Feldern und Fehlermeldungen planenEin Formularentwurf zeigt Pflichtangaben, verständliche Feldtexte und konkrete Fehlerhinweise. Eingaben bleiben beim Korrigieren erhalten.Julia Hoffmann13.11.2026

Design & UX mit ASES

Nutzererlebnis, Oberflächen und Markenauftritt

Angebot anfragenMehr zu Design & UX