Ratgeber: Text in einem Details-Element auch ohne zusätzliches Akkordeon-Skript zugänglich machen

Eine kurze Antwort kann aufklappbar bleiben

Eine Anleitung enthält einen langen Zusatzhinweis, der nicht bei jedem Lesen geöffnet sein muss. Mit dem nativen details-Element lässt sich dafür eine aufklappbare Darstellung aufbauen. MDN beschreibt summary als zugehörige sichtbare Beschriftung und den übrigen Inhalt als den aufklappbaren Bereich. Für einen einfachen Hinweis muss deshalb nicht automatisch ein zusätzliches Akkordeon-Skript eingeführt werden. Die vorhandene Browserfunktion kann einen passenden Ausgangspunkt bilden.

Eine verständliche Beschriftung wählen

Formuliere die Zusammenfassung so, dass Menschen vor dem Öffnen wissen, was sie erwartet. Mehr lesen sagt weniger als eine konkrete Frage oder der Name des Zusatzschritts. Halte die Beschriftung auch dann verständlich, wenn mehrere Bereiche untereinander stehen. Eine Reihe identischer Bezeichnungen erschwert die Orientierung. Für eine kleine Probe genügt ein kurzer Hilfetext mit einer zusätzlichen Erklärung und einem harmlosen Beispiel.

Überlege außerdem, welche Informationen sofort sichtbar sein müssen. Eine entscheidende Warnung oder eine Voraussetzung für den nächsten Arbeitsschritt sollte nicht allein aus Platzgründen versteckt werden. Das ist eine redaktionelle Entscheidung über die Anleitung. Das Element beurteilt nicht, welche Aussage besonders wichtig ist. Du kannst für einen Bereich bewusst einen geöffneten Anfangszustand vorsehen, wenn er zum Lesefluss passt.

Ohne zusätzliche Ereignislogik erproben

Prüfe Öffnen und Schließen mit Maus, Tastatur und auf einem kleinen Bildschirm. Beobachte, ob die Zusammenfassung ihren Bezug behält und ob der geöffnete Inhalt vollständig lesbar wird. Ein zusätzliches Skript darf die native Aktion nicht unabsichtlich doppelt auslösen. Wenn du gar keine besondere Steuerung brauchst, ist eine überschaubare native Umsetzung leichter gezielt abzunehmen als mehrere überlagerte Klickregeln.

Den Inhalt außerhalb des Effekts betrachten

Lies den Hinweis zum Abschluss als normalen Text. Sind Reihenfolge und Begriffe verständlich, wenn der Aufklappeffekt nicht im Mittelpunkt steht? Prüfe Links und eventuelle Formularfelder im geöffneten Bereich gesondert. Der Browsermechanismus bestätigt weder die sachliche Qualität noch die Wichtigkeit einer Aussage. Er stellt eine Bedienmöglichkeit bereit, deren Beschriftung und Einsatz weiterhin bewusst zum konkreten Inhalt passen müssen.