Auszeichnung eines Abschnitts mit <aside>, wenn der enthaltene Inhalt eigenständig und gleichwertig zum Hauptinhalt des übergeordneten Abschnitts verstanden werden kann

section-aside-html
Titel der RegelAuszeichnung eines Abschnitts mit <aside>, wenn der enthaltene Inhalt eigenständig und gleichwertig zum Hauptinhalt des übergeordneten Abschnitts verstanden werden kann
BeschreibungDas <aside> Element kennzeichnet einen Abschnitt der Webseite, der eine Beziehung zum Inhalt des übergeordneten Abschnitts hat, aber auch getrennt von dem Inhalt wahrgenommen werden kann. Das <aside> Element ist Teil des Navigationskonzepts von Screenreadern. Das <aside> Element kann für Sidebars, Werbung oder Gruppen von <nav> Elementen mit verwandten Links zum eigentlichen Inhalt eingesetzt werden.
Typatomic
Eingabeaspekte
  • Accessibility-Tree
  • Audio
  • CSS-Stiling
  • DOM-Baum
  • Grafik
  • http Benachrichtigungen
  • Multimedia
  • Sprache
  • Video
Anforderungen
  • 241 Blöcke umgehen (A)
  • 131 Info und Beziehungen (A)
AnwendbarkeitDie Regel ist anwendbar auf Abschnitte einer Webseite, die eigenständige und zum Inhalt des übergeordneten Abschnitts gleichwertige Inhalte enthalten. Ein typischer Fall ist eine Sidebar.
ErwartungenEin Abschnitt der Webseite, die eigenständig ist und als gleichwertig zum Inhalt des übergeordneten Abschnitts bewertet wird, steht innerhalb eines <aside> Elements.
Annahmen

Das <aside> Element hat kein Elternelement mit aria-hidden="true".

Das <aside> Element hat kein Elternelement mit role="application" außer wenn ein Element mit role="application" ein Kindelement mit role="document" oder role="article" aufweist, das wiederum das <aside> Element als Kindelement enthält.

Das <aside> Element besitzt keine ARIA-Attribute außer aria-label (bei keinem Schautext für die Seitenregion) oder aria-labelledby (bei sichtbarem Schautext für die Seitenregion).

Zugänglichkeitsunterstützend-
Beispiele-
Änderungen-
Glossar-
Probleme (optional)-
Hintergrund (optional)-
Danksagung (optional)-