Das <aside>-Element ist ein semantisches HTML-Element, das einen Inhalt markiert, der in Beziehung zum Hauptteil des Dokuments steht, aber nicht unbedingt ein direkter Teil davon ist. Es ist ein praktisches Werkzeug, um optionale oder unterstützende Informationen vom Hauptinhalt abzugrenzen.
Hervorhebung von Nebeninformationen
Das <aside>-Element eignet sich hervorragend, um Nebeninformationen zu präsentieren, wie z. B.:
Randnotizen: Zusätzliche Details oder Kommentare, die den Haupttext ergänzen
Zitate: Passende Zitate oder Referenzmaterialien
Empfehlungen: Produkt- oder Dienstleistungsempfehlungen, die mit dem Thema zusammenhängen
Schnellzugriff: Wichtige Links oder Tools, die leicht zugänglich sein sollen
Visuelle Trennung vom Hauptinhalt
Durch das Einbetten von Nebeninformationen in ein <aside>-Element kannst du diese visuell vom Hauptinhalt trennen. Dies hilft, den Lesefluss zu verbessern und die Benutzerfreundlichkeit zu erhöhen. Du kannst z. B. ein <aside>-Element für eine Sidebar verwenden, um Navigationslinks, Werbeanzeigen oder zusätzliche Ressourcen anzuzeigen.
Verbesserte Barrierefreiheit
Die Verwendung des <aside>-Elements verbessert auch die Barrierefreiheit. Assistive Technologien wie Bildschirmlesegeräte können den Inhalt von <aside>-Elementen als separaten Abschnitt identifizieren, wodurch es für Benutzer mit Behinderungen einfacher wird, Informationen zu navigieren und zu verstehen.
Verwendung des
Das
Ergänzende Inhalte
Verwende
Sidebar-Inhalt
Erstelle Seitenleisteninhalte, die neben dem Hauptinhalt angezeigt werden. Dies können Navigationsmenüs, Anmeldeformulare, Social-Media-Feeds oder Werbeanzeigen sein.
