ARIA: landmark-Rolle
Ein Landmark ist ein wichtiger Unterabschnitt 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 der Vollständigkeit halber dokumentiert. 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 leicht zu dem Abschnitt navigieren möchten und dieser in eine dynamisch generierte Zusammenfassung der Seite aufgenommen wird. Landmarks ermöglichen es unterstützenden Technologien, Inhalte schnell zu navigieren und zu finden.
Um eine Landmark-Rolle zu erstellen, definieren Sie den Zweck des Inhalts, indem Sie ein semantisches Element wie <section>, <nav> oder <main> verwenden oder eine ARIA-Rolle hinzufügen, 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 und mit aria-labelledby referenziert werden. Falls erforderlich, kann ein kurzes, beschreibendes Label mit aria-label bereitgestellt werden.
Für Benutzer von Bildschirmlesern schaffen Landmark-Rollen effektiv 'Skip-Links' für diese Benutzer, ersetzen jedoch nicht die Seitennavigation, da die Landmark-Rollen sonst nicht sichtbar sind.
Best Practices
Verwenden Sie nicht role="landmark". Verwenden Sie HTML und Unterklassen-Landmark-Rollen.
Landmarks stellen sicher, dass Inhalte in navigierbaren Regionen 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 und Semantik mit Landmark-Rollen hinzuzufügen. Aber verwenden Sie entweder das eine, das andere oder beides. Andernfalls ist Ihr Inhalt für Benutzer von Bildschirmlesern nicht mehr so navigierbar.