Steckbriefe auf Ihrer Website: Welche Angabe gehört zu welchem Wert?

Ein kurzer Steckbrief muss nicht wie eine Tabelle aussehen. Entscheidend ist, dass Leser erkennen, welcher Wert zu welcher Bezeichnung gehört, auch wenn die Seite auf einem kleinen Bildschirm anders angeordnet wird. Beauftragen Sie deshalb nicht nur „zwei Spalten mit Details“, sondern die fachlichen Gruppen hinter der Darstellung.

Hier geht es um beschreibende Angaben zu einem einzelnen Gegenstand, Standort oder Angebot. Eine vergleichende Produktmatrix, ein Eingabeformular und eine nummerierte Handlungsfolge erfüllen andere Aufgaben. Auch die inhaltliche Freigabe von Fachbegriffen ist eine separate redaktionelle Entscheidung.

Ein Merkmal und seine Beschreibung bilden eine Gruppe

Die MDN-Referenz zur HTML-Beschreibungsliste beschreibt Gruppen aus Begriffen und zugehörigen Beschreibungen. Als häufige Anwendungen nennt sie unter anderem Metadaten, also Schlüssel-Wert-Paare. Technisch stehen dafür die Elemente dl, dt und dd zur Verfügung.

Für einen fiktiven Geräte-Steckbrief könnten solche Gruppen beispielsweise Modellbezeichnung und Modellname oder Anschlussart und deren Beschreibung sein. Wichtig ist die eindeutige Beziehung, nicht eine bestimmte Schriftstärke oder Einrückung. Ein Wert darf nach einem Layoutwechsel nicht unter der falschen Überschrift erscheinen.

Schreiben Sie vor der Gestaltung eine Liste der tatsächlichen Merkmale. Klären Sie, ob eine Bezeichnung eine Eigenschaft benennt oder bloß eine dekorative Zwischenüberschrift ist. Eine Beschreibungsliste sollte reale Beziehungen ausdrücken und nicht allein deshalb eingesetzt werden, weil ihr Standardstil eingerückt aussieht. MDN warnt ausdrücklich davor, dieses Element nur zur Einrückung zu verwenden.

Nicht jede Gruppe hat genau einen Namen und einen Wert

MDN zeigt sowohl mehrere Begriffe mit einer gemeinsamen Beschreibung als auch einen Begriff mit mehreren Beschreibungen. Die Struktur muss also nicht auf jeweils ein Textfeld links und rechts beschränkt sein.

Für das Projekt sollten Sie trotzdem festlegen, wann mehrere Angaben tatsächlich zusammengehören. Zwei alternative Modellnamen könnten denselben Gegenstand bezeichnen. Mehrere Anschlussmöglichkeiten könnten dagegen mehrere Werte desselben Merkmals bilden. Diese Beispiele sind vorgeschlagene Inhaltsmodelle, keine Aussage über ein bestimmtes Produkt.

Vermeiden Sie eine automatische Zusammenfassung nur deshalb, weil zwei Werte zufällig gleich geschrieben sind. Gleicher sichtbarer Text beweist nicht, dass die Merkmale dieselbe Bedeutung haben. Lassen Sie die zuständige Fachperson die Zuordnung bestätigen und nehmen Sie ein Beispiel mit mehreren Beschreibungen in die Vorschau auf.

Fehlend, nicht zutreffend und unbekannt sind verschiedene Inhalte

Die HTML-Struktur entscheidet nicht, was ein fehlender Wert fachlich bedeutet. Für Ihren Steckbrief empfehle ich deshalb eine ausdrücklich vereinbarte Regel: Wird ein Merkmal nicht angezeigt, als unbekannt bezeichnet oder als nicht zutreffend ausgewiesen?

Ein leerer Bereich hinter einer Bezeichnung ist für Leser meist schwer zu deuten. Er kann wie ein Darstellungsfehler aussehen oder zu einer falschen Annahme führen. Geben Sie aber auch keine erfundene Angabe aus, nur um jedes Feld zu füllen.

Wenn ein Merkmal bewusst entfällt, sollte das Entfernen der gesamten Gruppe nicht dazu führen, dass die Beschriftungen und Werte der nachfolgenden Gruppen gegeneinander verrutschen. Das ist besonders wichtig, wenn die Inhaltsverwaltung optionale Eigenschaften zulässt. Diese Regel ist eine Anforderung an Ihre Umsetzung, keine von MDN gelieferte Datenvalidierung.

Die mobile Ansicht muss dieselben Beziehungen erhalten

Am breiten Bildschirm können Bezeichnungen und Werte nebeneinander stehen, auf dem Telefon untereinander. MDN beschreibt auch die Möglichkeit, einzelne Namens-Wert-Gruppen für Gestaltung oder gemeinsame Attribute in zusätzliche Gruppenelemente einzuschließen.

Sie müssen die technische Variante nicht selbst wählen. Verlangen Sie aber, dass eine lange Bezeichnung, mehrere Werte und eine entfernte optionale Gruppe in beiden Ansichten zusammengehörig bleiben. Die Reihenfolge im Dokument sollte eine verständliche Lektüre erlauben, statt nur im zweispaltigen Entwurf zufällig passend auszusehen.

Behandeln Sie eine solche Liste nicht automatisch als Vergleichstabelle. Wenn Nutzer Werte mehrerer Geräte systematisch nach denselben Merkmalen vergleichen sollen, muss die passende Vergleichsansicht gesondert geplant werden. Ein Steckbrief für ein einzelnes Objekt löst diese Aufgabe nicht allein durch eine zweite Spalte.

Native Struktur ersetzt keine konkrete Hilfsmittelprüfung

MDN weist darauf hin, dass Screenreader Beschreibungslisten unterschiedlich vermitteln, etwa bei Zählung, Kontext und Navigation. Unterschiede sind nicht zwangsläufig Fehler. Die Seite warnt außerdem davor, zusätzliche Rollen unbedacht auf die native Struktur zu setzen, weil dies Ansagen verändern kann.

Verlangen Sie deshalb keine pauschale Zusage, jede Kombination werde dieselben Wörter vorlesen. Vereinbaren Sie stattdessen die tatsächlich zu prüfenden Kombinationen und das Leseziel: Die richtige Beschreibung muss ihrem Merkmal zugeordnet werden können. Eine native HTML-Struktur ist eine Grundlage, keine vollständige Zertifizierung der Website.

Eine kleine, aussagekräftige Abnahme

Ergänzen Sie die Akzeptanzkriterien Ihres Projekts um einen Steckbrief mit langen Bezeichnungen, mehreren Beschreibungen und einem bewusst fehlenden Merkmal. Prüfen Sie dann:

• Alle veröffentlichten Werte gehören zum richtigen Merkmal.
• Die vereinbarte Regel für unbekannte oder nicht zutreffende Werte wird eingehalten.
• Nach dem Entfernen einer optionalen Gruppe bleiben die übrigen Zuordnungen unverändert.
• Die schmale Ansicht erhält die fachlichen Gruppen und bleibt ohne abgeschnittene Inhalte lesbar.
• Die vereinbarte Hilfsmittelprüfung untersucht die Zuordnung, statt identische Ansagen aller Programme vorauszusetzen.

Bringen Sie einen echten, nicht vertraulichen Steckbrief in die Planung Ihrer Website mit. Oft wird der Auftrag dadurch kleiner und klarer: keine beliebige Datentabelle, sondern wenige verständliche Beziehungen, die Redaktion und Gestaltung gemeinsam erhalten.

Quelle und Grenzen

Die MDN-Seite wurde am 26. Oktober 2026 gelesen. Sie belegt Beschreibungsliste und Namens-Wert-Gruppen, mehrere Begriffe oder Beschreibungen, Gruppierung für Gestaltung sowie Hinweise zu Hilfsmitteln. Fehlwertregeln, mobile Abnahme und fachliche Freigabe sind Projektvorschläge. Es wurde weder eine Website umgesetzt noch eine Screenreader-Kombination für diesen Artikel getestet.