ARIA: landmark-Rolle
Ein Landmark ist ein wichtiger Abschnitt einer Seite. Die landmark-Rolle ist eine abstrakte Superklasse für die ARIA-Rollenwerte für Inhaltsabschnitte, 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 Vollständigkeit der Dokumentation aufgenommen. Sie sollte nicht von Web-Autoren verwendet werden.
Beschreibung
Ein landmark ist eine abstrakte Rolle für einen Inhaltsabschnitt, der so wichtig ist, dass Benutzer wahrscheinlich einfach zu dem Abschnitt navigieren möchten und er in einer dynamisch generierten Zusammenfassung der Seite enthalten sein sollte. Landmarks ermöglichen assistiven Technologien, Inhalte schnell zu finden und zu navigieren.
Um eine Landmark-Rolle zu erstellen, definieren Sie den Zweck des Inhalts durch die Verwendung eines semantischen Elements wie <section>, <nav> oder <main>, oder durch Hinzufügen einer ARIA-Rolle, die eine Unterklasse der landmark-Rolle ist, wie zum Beispiel role="banner", role="complementary" oder role="region". Verwenden Sie nicht role="landmark".
Ein sichtbares Label sollte bereitgestellt werden, referenziert mit aria-labelledby. Falls erforderlich, kann eine kurze, beschreibende Bezeichnung mit aria-label bereitgestellt werden.
Für Bildschirmleseprogramm-Benutzer erstellt die Hinzufügung von Landmark-Rollen effektiv "Skip-Links" für Bildschirmleser-Benutzer, ersetzt jedoch nicht die interne Navigation, da die Landmark-Rollen ansonsten nicht angezeigt werden.
Beste Praktiken
Verwenden Sie nicht role="landmark". Nutzen Sie HTML und Unterklassen-Landmark-Rollen.
Landmarks stellen sicher, dass Inhalte in navigierbaren Bereichen enthalten sind. Verwenden Sie <main> für role="main", <header> für role="banner", <nav> für role="navigation", und <footer> für role="contentinfo". Es ist auch eine gute Praxis, die Rolle redundant mit dem zugehörigen semantischen Element einzuschließen. Es ist weniger gute Praxis, nicht-semantische Elemente wie <div> zu verwenden, um Semantik mit Landmark-Rollen hinzuzufügen. Aber schließen Sie entweder eines oder beides ein. Andernfalls ist Ihr Inhalt für Bildschirmleseprogramm-Benutzer nicht mehr so gut navigierbar.
Spezifikationen
| Specification |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # landmark |