ARIA: landmark role
Ein Landmark ist ein wichtiger Unterabschnitt einer Seite. Die landmark-Rolle ist eine abstrakte Superklasse für die ARIA-Rollenwerte für Inhaltsbereiche, die so wichtig sind, dass Benutzer wahrscheinlich direkt zu ihnen navigieren möchten.
Hinweis:
Die landmark-Rolle ist eine abstrakte Rolle. Sie wird hier zur Vervollständigung der Dokumentation erwähnt. Web-Autoren sollten sie nicht verwenden.
Beschreibung
Ein landmark ist eine abstrakte Rolle für einen Inhaltsbereich, der so wichtig ist, dass Benutzer leicht zu diesem Abschnitt navigieren und ihn in einer dynamisch generierten Zusammenfassung der Seite einbeziehen möchten. Landmarks ermöglichen es unterstützenden Technologien, Inhalte schnell zu finden und zu navigieren.
Um eine Landmark-Rolle zu erstellen, definieren Sie den Zweck des Inhalts mithilfe eines semantischen Elements wie <section>, <nav> oder <main>, oder fügen Sie eine ARIA-Rolle hinzu, die eine Unterklasse der landmark-Rolle ist, wie z.B. role="banner", role="complementary" oder role="region". Verwenden Sie nicht role="landmark".
Jede konkrete Landmark-Rolle hat ihr entsprechendes HTML-Semantikelement:
| ARIA-Rolle | HTML-Element |
|---|---|
banner |
<header> |
complementary |
<aside> |
contentinfo |
<footer> |
form |
<form> |
main |
<main> |
navigation |
<nav> |
region |
<section> |
search |
<search> |
Ein sichtbares Label sollte bereitgestellt werden, referenziert mit aria-labelledby. Falls erforderlich, kann ein kurzes, beschreibendes Label mit aria-label bereitgestellt werden.
Für Benutzer von Screenreadern fügt das Hinzufügen von Landmark-Rollen effektiv "Skip-Links" hinzu, ersetzt jedoch nicht die Navigation innerhalb der Seite, da die Landmark-Rollen ansonsten nicht ersichtlich sind.
Beste Praktiken
Verwenden Sie nicht role="landmark"; verwenden Sie stattdessen geeignete Unterklassen-Landmark-Rollen oder, wenn möglich, semantisches HTML. Obwohl es nicht mehr notwendig ist, gilt es als gute Praxis, die Unterklassen-Landmark-Rollen redundant mit dem zugehörigen semantischen Element für ältere Browser einzufügen. Dies ist vorzuziehen gegenüber der Verwendung von Landmark-Rollen auf nicht-semantischen Elementen, wie <div>, aber verwenden Sie mindestens eines von role oder semantische Elemente, um Landmarks zu erstellen. Andernfalls wird Ihr Inhalt für Benutzer von Screenreadern weniger navigierbar sein.
Spezifikationen
| Specification |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # landmark |