aria-flowto
Das globale aria-flowto
-Attribut identifiziert das nächste Element (oder die nächsten Elemente) in einer alternativen Lesereihenfolge des Inhalts. Dadurch kann unterstützende Technologie die allgemeine Voreinstellung des Lesens in der Dokumentquelle nach Belieben des Nutzers überschreiben.
Beschreibung
Webseiten sollten sequentiell navigierbar sein. Aus diesem Grund wird Entwicklern davon abgeraten, das globale tabindex-Attribut zu verwenden, das die Tabulatorreihenfolge ändern kann, sowie die CSS order
-Eigenschaft, die die visuelle Reihenfolge von der DOM-Reihenfolge ändern kann. In seltenen Fällen ist jedoch ein anderer Leseweg als die Quellreihenfolge erforderlich. Für solche Fälle kann das aria-flowto
-Attribut den Inhalt für Benutzer unterstützender Technologien zugänglicher machen.
Das globale aria-flowto
-Attribut ermöglicht es dem Autor, Nutzern von unterstützenden Technologien anzuzeigen, welches Element oder welche Elemente als nächstes fokussiert werden könnten, und bietet somit eine alternative Lesereihenfolge zur Quellreihenfolge. Dies erlaubt es unterstützender Technologie, ein Dokument in einer anderen Reihenfolge als der voreingestellten Dokumentquellenlesereihenfolge zu lesen.
Wenn aria-flowto
einen einzelnen id-Verweis hat, ermöglicht es unterstützender Technologie, auf Wunsch des Nutzers zu dem über diese id
anvisierten Element zu gehen, anstatt das Dokument in der Reihenfolge des DOM zu lesen. Wenn der aria-flowto
-Wert eine durch Leerzeichen getrennte Liste mehrerer id
-Verweise verwendet, kann die unterstützende Technologie dem Nutzer eine Liste von Auswahlmöglichkeiten des Pfades zur Verfügung stellen, wobei jede referenzierte id
eine Auswahlmöglichkeit darstellt. Die Namen der Pfadauswahl werden durch den zugänglichen Namen jedes Zielelements des aria-flowto
-Attributs bestimmt.
Hinweis:
Das Setzen von aria-flowto
hat keinen Einfluss auf die Tabulatorreihenfolge des Inhalts. Es bietet den Nutzern lediglich die Möglichkeit, einen Inhaltsweg zu folgen, der nicht mit der DOM-Reihenfolge übereinstimmt, wenn sie Technologie verwenden, die dieses Attribut unterstützt.
Werte
Zugehörige Rollen
Wird in ALLEN Rollen verwendet.
Spezifikationen
Specification |
---|
Accessible Rich Internet Applications (WAI-ARIA) # aria-flowto |
Siehe auch
- HTML id-Attribut
- HTML tabindex-Attribut
- CSS
order
-Eigenschaft - WCAG: Quellreihenfolge
- Verwendung von aria-flowto - W3 Wiki