Lesereihenfolge
Lesereihenfolge bezieht sich auf die Reihenfolge, in der Inhalte zugänglich gemacht werden, zum Beispiel, wenn sie von einem Screenreader vorgelesen werden oder beim Verwenden von sequenziellen Navigationsmethoden wie dem Tabben durch Links oder Schaltflächen angesteuert werden. Standardmäßig wird die Lesereihenfolge einer Webseite durch die Dokumentenquellenreihenfolge definiert.
Im Allgemeinen sollte die Quellenreihenfolge eine sinnvolle Lesereihenfolge für den Inhalt ausdrücken, und dies sollte sich auch im visuellen Layout des Inhalts widerspiegeln. Manchmal weicht jedoch die visuelle Reihenfolge von der Quellenreihenfolge ab. Beispielsweise könnten Sie unterschiedliche Layouts auf ein Dokument anwenden, basierend auf Media Queries, um den Anforderungen verschiedener Geräte oder Benutzer gerecht zu werden, oder die Tab-Reihenfolge über tabindex
anpassen.
Diese Aktualisierungen können zu Barrierefreiheitsproblemen führen. Zum Beispiel, wenn ein sehender Screenreader-Nutzer durch Inhalte tabbt und die Reihenfolge im Screenreader von der visuellen Reihenfolge abweicht, ist dies eine schlechte Benutzererfahrung und kann unzugänglich sein. Die Lesereihenfolge sollte für alle Benutzer verständlich sein, unabhängig davon, wie sie auf den Inhalt zugreifen.
Ändern der Lesereihenfolge in CSS
Die Lesereihenfolge eines Elements kann über die reading-flow
-Eigenschaft verändert und weiter angepasst werden, indem reading-order
-Werte für Kindelemente des Elements gesetzt werden.
Die folgenden Definitionen sind wichtig, um eine veränderte Lesereihenfolge zu verstehen:
- Lesefluss-Container
-
Ein Element mit einer veränderten Lesereihenfolge als Ergebnis der für seine
reading-flow
- undreading-order
-Eigenschaften festgelegten Werte. - Lesefluss
-
Die veränderte Lesereihenfolge der Kindelemente eines Lesefluss-Containers.