Wie gehen Sie mit verschachtelten Registerkarten und Akkordeons so um, dass sie für Benutzer mit Behinderungen nicht verwirrend sind?

1 Verwenden Sie klare Beschriftungen und Überschriften

2 Tastatur- und Fokusunterstützung

Ein weiteres wesentliches Merkmal von barrierefreien Registerkarten und Akkordeons ist die Bereitstellung von Tastatur- und Fokusunterstützung für Benutzer, die mit der Tastatur oder anderen Eingabegeräten navigieren. Benutzer sollten in der Lage sein, mit den Tabulator-, Pfeil-, Eingabe- und Leertasten sowie den Home- und End-Tasten für eine schnelle Navigation auf Registerkarten und Akkordeons zuzugreifen, sie zu aktivieren und zwischen ihnen zu wechseln. Benutzer sollten auch in der Lage sein, zu sehen, wo sich ihr Fokus auf der Seite befindet, indem sie sichtbare Fokusindikatoren wie Umrisse oder Hervorhebungen für die aktive Registerkarte oder das Akkordeon verwenden. Der Fokus sollte auch richtig verwaltet werden, indem der Fokus auf den entsprechenden Inhaltsbereich verschoben wird, wenn eine Registerkarte oder ein Akkordeon erweitert wird, und indem der Fokus bei Bedarf in einem modalen Dialogfeld eingeschlossen wird.

3 Hinzufügen von aria-Attributen und -Rollen

Das Hinzufügen von aria-Attributen und -Rollen verbessert die Zugänglichkeit und Benutzerfreundlichkeit der Webelemente. Bei Aria-Attributen und -Rollen handelt es sich um eine Reihe von Standards, die definieren, wie Webelemente für Hilfstechnologien wie Bildschirmleseprogramme oder Sprachassistenten verfügbar gemacht werden. Sie können zusätzliche Informationen bereitstellen, z. B. Status, Name, Wert oder Beschreibung, die aus dem HTML-Markup allein möglicherweise nicht ersichtlich sind. Sie können z. B. aria-selected, aria-expanded, aria-controls und aria-labelledby verwenden, um anzugeben, welche Registerkarte oder welches Akkordeon von einem anderen Element ausgewählt, erweitert, gesteuert oder beschriftet wird. Sie können aria-hidden auch verwenden, um irrelevante oder redundante Inhalte vor Hilfstechnologien auszublenden.

4 Vermeiden Sie übermäßige Verschachtelung und Komplexität

Eine vierte und letzte Empfehlung besteht darin, übermäßige Verschachtelung und Komplexität zu vermeiden, die Benutzer mit Behinderungen verwirren oder überfordern könnten. Durch das Verschachteln von Registerkarten und Akkordeons ineinander können mehrere Hierarchie- und Interaktionsebenen entstehen, die möglicherweise schwer wahrzunehmen, zu verstehen und zu navigieren sind. Es kann auch die kognitive Belastung und den Speicherbedarf für Benutzer erhöhen, die sich den Zustand und die Position jedes Abschnitts merken müssen. Daher sollten Sie die Anzahl der verschachtelten Registerkarten und Akkordeons auf ein Minimum beschränken und alternative Möglichkeiten zur Darstellung Ihrer Inhalte in Betracht ziehen, z. B. die Verwendung von Überschriften, Listen, Tabellen oder Diagrammen.