Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
ARIA: contentinfo-Rolle
Diecontentinfo-Rolle definiert einen Footer, der Identifizierungsinformationen wie Urheberrechtsinformationen, Navigationslinks und Datenschutzerklärungen enthält, die in jedem Dokument einer Website zu finden sind. Dieser Abschnitt wird allgemein als Footer bezeichnet.
<div role="contentinfo"> <h2>Footer</h2> <!-- footer content --></div>Dies ist ein Website-Footer. Es wird empfohlen, stattdessen das<footer>-Element zu verwenden:
<footer> <h2>Footer</h2> <!-- footer content --></footer>Beschreibung
Diecontentinfo-Rolle isteine Landmarke, die verwendet wird, um einen Seiten-Footer zu identifizieren. Landmarken können von assistiven Technologien genutzt werden, um schnell große Abschnitte des Dokuments zu identifizieren und zu navigieren. Seiten sollten nur eine oberstecontentinfo-Landmarke pro Seite enthalten.
Jede Seite sollte nur einecontentinfo-Landmarke enthalten, die entweder durch die Nutzung des<footer>-Elements erstellt wird oder durch Deklaration vonrole="contentinfo".contentinfo-Landmarken, die in Inhalte eingebettet sind, die über<iframe> eingebettet sind, zählen nicht zu diesem Limit.
Hinweis:Die Verwendung des<footer>-Elements wird automatisch kommunizieren, dass ein Abschnitt die Rollecontentinfo hat. Entwickler sollten stets das richtige semantische HTML-Element der Verwendung von ARIA vorziehen und sicherstellen, dass sie bei VoiceOverauf bekannte Probleme testen.
Beispiele
<body> <!-- other page content --> <div role="contentinfo"> <h2>MDN Web Docs</h2> <ul> <li><a href="#">Web Technologies</a></li> <li><a href="#">Learn Web Development</a></li> <li><a href="#">About MDN</a></li> <li><a href="#">Feedback</a></li> </ul> <p> © 2005-2012 Mozilla and individual contributors. Content is available under <a href="#">these licenses</a>. </p> </div></body>Barrierefreiheitserwägungen
Sparsame Nutzung
Landmarkenrollen sind dazu gedacht, größere Gesamtabschnitte des Dokuments zu identifizieren. Die Verwendung von zu vielen Landmarkenrollen kann "Geräusche" in Screenreadern erzeugen und es schwierig machen, das Gesamtlayout der Seite zu verstehen.
Einecontentinfo-Landmarke pro Seite
Das<body>-Element
Es sollte nur einecontentinfo-Landmarke pro Dokument geben, die als unmittelbarer Nachkomme des<body>-Elements verwendet wird.
Mega-Footer
Vermeiden Sie es, zusätzliche<footer>-Elemente odercontentinfo-Landmarken innerhalb des Footers des Dokuments zu verschachteln. Verwenden Sie stattdessen andereInhaltsstrukturierungselemente.
Landmarken beschriften
Mehrere Landmarken
Wenn es in einem Dokument mehr als einecontentinfo-Landmarkenrolle oder ein<footer>-Element gibt, geben Sie für jede Landmarke ein Label mit demaria-label-Attribut an. Dieses Label ermöglicht assistiven Technologie-Nutzern ein schnelles Verständnis des Zwecks jeder Landmarke.
<body> … <article> <h2>Everyday Pad Thai</h2> <!-- article content --> <footer aria-label="Everyday Pad Thai metadata"> <p> Posted on <time datetime="2021-09-23 12:17">September 23</time> by <a href="#">Lisa</a>. </p> </footer> </article> … <footer aria-label="Footer"> <!-- footer content --> </footer></body>Redundante Beschreibungen
Screenreader geben die Art der Rolle der Landmarke bekannt. Deshalb müssen Sie nicht beschreiben, was die Landmarke in ihrem Label ist. Zum Beispiel kann eine Deklaration vonrole="contentinfo" mit einemaria-label="Footer" redundant als "contentinfo footer" angekündigt werden.
Beste Praktiken
Bevorzugen Sie HTML
Wenn es ein unmittelbarer Nachkomme von<body> ist, wird die Verwendung des<footer>-Elements automatisch kommunizieren, dass ein Abschnitt die Rollecontentinfo hat (bis aufein bekanntes Problem bei VoiceOver). Wenn möglich, bevorzugen Sie die Verwendung von<footer>. Beachten Sie, dass einfooter-Element, das in einemarticle,aside,main,nav odersection verschachtelt ist, nicht alscontentinfo gilt.
Zusätzliche Vorteile
Bestimmte Technologien wie Browser-Erweiterungen können Listen aller auf einer Seite vorhandenen Landmarkenrollen erstellen, sodass auch Nicht-Screenreader-Nutzer schnell große Abschnitte des Dokuments identifizieren und navigieren können.
Spezifikationen
| Specification |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # contentinfo |
| Unknown specification |