Auszeichnung eines generischen Abschnitts mit <section>

section-section-html
Titel der RegelAuszeichnung eines generischen Abschnitts mit <section>
BeschreibungDas <section> Element kennzeichnet einen generischen Abschnitt einer Webseite oder einer Anwendung. In einem Abschnitt sind thematisch zusammenhängende Inhalte enthalten. Ein solcher Abschnitt kann zum Beispiel Unterabschnitte eines längeren Beitrags sein. Einen Abschnitt mit <section> zu kennzeichnen ist dann sinnvoll, wenn er in einem (theoretischen) Inhaltsverzeichnis des Dokuments aufgelistet würde. Jedes <section> Element sollte sich deshalb durch ein enthaltenes Überschriftenelement kennzeichnen. Das <section> Element muss insbesondere vom <article> Element abgegrenzt werden.
Typatomic
Eingabeaspekte
  • Accessibility-Tree
  • Audio
  • CSS-Stiling
  • DOM-Baum
  • Grafik
  • http Benachrichtigungen
  • Multimedia
  • Sprache
  • Video
Anforderungen131 Info und Beziehungen (A)
AnwendbarkeitDie Regel ist anwendbar auf generische Abschnitte des Inhalts. Ein generischer Abschnitt wird im Gegensatz zu einem <article> Element in sich nicht vollständig beziehungsweise abgeschlossen sein und somit nicht die Aussagefähigkeit haben, wie wenn er im Kontext gelesen wird. Außerdem wird davon ausgegangen, dass der Abschnitt eine Überschrift besitzt und diese Überschrift wichtig genug ist, um in einem (theoretischen) Inhaltsverzeichnis für die Webseite aufgenommen zu werden. Typische Anwendungsfälle sind einzelne Abschnitte eines längeren Beitrags oder Tabpanels. Wenn der Abschnitt weiter untergliedert wird, dann reichen Überschriftenelemente aus, aber die Unterabschnitte können mit zusätzlichen <section> Elementen weiter untergliedert werden.
ErwartungenEin generischer Abschnitt der Webseite steht in einem <section> Element außer das <section> Element stünde als alleiniges Kindelement eines übergeordneten Abschnitts (zum Beispiel ein <main> oder ein <aside> Element).
Annahmen

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

Der generische Abschnitt 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 den generischen Abschnitt als Kindelement enthält.

Das <article> Element besitzt keine ARIA-Attribute außer wenn der Abschnitt explizit mit aria-label bezeichnet wird.

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