ARIA: landmark-Rolle
Ein Landmarke 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 für die Vollständigkeit der Dokumentation aufgeführt. Sie sollte von Web-Autoren nicht verwendet werden.
Beschreibung
Eine landmark ist eine abstrakte Rolle für einen Inhaltsabschnitt, der so wichtig ist, dass Benutzer wahrscheinlich zu diesem Abschnitt leicht navigieren und ihn in eine dynamisch generierte Zusammenfassung der Seite aufnehmen möchten. Landmarken ermöglichen es unterstützenden Technologien, schnell zu navigieren und Inhalte zu finden.
Um eine Landmarke-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 Unterkategorie 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 notwendig, kann ein kurzes, beschreibendes Label mit aria-label bereitgestellt werden.
Für Benutzer von Bildschirmlesegeräten schaffen Landmarke-Rollen effektiv 'Skip-Links', ersetzen jedoch nicht die Seitennavigation, da die Landmarke-Rollen sonst nicht angezeigt werden.
Beste Praktiken
Verwenden Sie nicht role="landmark". Verwenden Sie HTML und Unterkategorie-Landmarke-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 gute Praxis, die Rolle redundant mit dem zugehörigen semantischen Element anzugeben. Es ist nicht so gute Praxis, nicht-semantische Elemente wie <div> zu verwenden, um mit Landmarke-Rollen Semantik hinzuzufügen. Aber fügen Sie eines oder beides hinzu. Andernfalls ist Ihr Inhalt für Benutzer von Bildschirmlesegeräten nicht mehr so navigierbar.
Spezifikationen
| Specification |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # landmark |