ARIA: `landmark`-Rolle
Ein Landmark-Bereich 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 ist hier zur Vollständigkeit der Dokumentation enthalten. Sie sollte nicht von Webautoren verwendet werden.
Beschreibung
Ein landmark ist eine abstrakte Rolle für einen Inhaltsabschnitt, der so wichtig ist, dass Benutzer wahrscheinlich direkt zu diesem Abschnitt navigieren und ihn in einer dynamisch erstellten Zusammenfassung der Seite enthalten haben möchten. Landmark-Bereiche ermöglichen es unterstützenden Technologien, schnell zu navigieren und Inhalte 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 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 mit aria-label ein kurzes, beschreibendes Label bereitgestellt werden.
Für Bildschirmleser-Benutzer erzeugt das Hinzufügen von Landmark-Rollen effektiv 'Sprungmarken', ersetzt jedoch keine Seitennavigation, da die Landmark-Rollen nicht anderweitig sichtbar gemacht werden.
Beste Praktiken
Verwenden Sie nicht role="landmark". Verwenden Sie HTML und Unterklassen-Landmark-Rollen.
Landmarken stellen sicher, dass Inhalte in navigierbaren Bereichen liegen. 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 keine gute Praxis, nicht-semantische Elemente wie <div> zu verwenden, um Semantik mit Landmark-Rollen hinzuzufügen. Aber verwenden Sie eines der beiden oder beide. Andernfalls ist Ihr Inhalt für Benutzer von Bildschirmlesern nicht mehr so navigierbar.
Spezifikationen
| Specification |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # landmark |