Rollen

Wenn wir über Rollen in der Barrierefreiheit sprechen, ist die Rolle das, was das Element bedeutet. Ist es ein Bild oder ein Listeneintrag? Ist es eine Tabelle oder eine Überschrift? Die Rolle ist immer die gleiche, egal, um welches Element es sich handelt.

HTML hat schon viele native semantische Rollen. Sie müssen nichts Besonderes tun, um einem Link die Link-Rolle zu geben. Rollen von Eltern und Kindern. Wenn Sie mit einem vordefinierten Muster arbeiten, müssen Sie alle erforderlichen Rollen hinzufügen.

Die Rolle “tab” gehört in ein übergeordnetes Element mit der Rolle “tablist”. Ein Element mit der Rolle “Baum” muss in ein übergeordnetes Element mit der Rolle “Baum” eingefügt werden.

Fügen Sie alle nötigen über- und untergeordneten Rollen hinzu, um eine vollständige Komponente zu erstellen.

Können Sie neue Rollen erfinden?

Was ist, wenn es keine vordefinierte Rolle für die Komponente gibt? Was ist, wenn Sie eine Karte erstellen, die der Nutzer anklicken kann? Können Sie eine Karte erstellen? Man kann keine zugängliche, interaktive Karte mit ARIA oder HTML erstellen. Sie können keine neue Rolle erfinden. Der Browser weiß nicht, was er damit machen soll. Deshalb können die Hilfstechnologien die Informationen nicht an die Benutzer weitergeben. Das hat keine Wirkung.

Wenn Sie eine Karte oder andere Komponente erstellen wollen, die nicht von ARIA vorgegeben ist, können Sie das tun, aber nicht, indem Sie neue Rollen erfinden. Sie müssen mit den vorhandenen Rollen arbeiten, zum Beispiel mit HTML-Links, HTML-Schaltflächen, HTML-Formularfeldern und ARIA-Dialogen.

Verwenden Sie die Bausteine aus ARIA und fügen Sie sie für Ihre Komponente zusammen.