Bei Multiple-Choice-Aufgaben kann das Attribut aria-checked verwendet werden, um anzuzeigen, welche Option ausgewählt ist, und die Attribute aria-setsize und aria-posinset können verwendet werden, um die Anzahl der Optionen und die Position der aktuellen Option anzugeben.
Dadurch können Benutzer von Screenreadern den Kontext der Auswahl besser verstehen.
Lückentextaufgabe
Das Attribut aria-describedby kann verwendet werden, um jede Lücke mit der zugehörigen Eingabeaufforderung oder Anleitung zu verknüpfen.
Zusätzlich kann das Attribut aria-required verwendet werden, um anzugeben, ob das Ausfüllen der Lücke obligatorisch ist.
Freitextaufgabe
Das Attribut aria-multiline kann bei <textarea>-Elementen verwendet werden, um Screenreader-Benutzern anzuzeigen, dass sie mehrere Textzeilen eingeben können.
Wenn Sie ein Wortlimit angeben, können die Attribute aria-valuemax und aria-valuenow verwendet werden, um die maximale Anzahl der Wörter und die aktuelle Anzahl der Wörter anzugeben.
Einfache Zuordnung und mehrfache Zuordnung
Die Attribute aria-dropeffect und aria-grabbed können verwendet werden, um anzuzeigen, welche Elemente gezogen und fallen gelassen werden können und ob ein Element gerade gezogen wird.
Zusätzlich kann das Attribut aria-describedby verwendet werden, um jedes Element mit seiner zugehörigen Beschreibung zu verknüpfen.
Graphische Zuordnung
Das Attribut aria-describedby kann verwendet werden, um jede Grafik mit der zugehörigen Beschreibung zu verknüpfen.
Wenn eine Grafik aus mehreren Teilen besteht, kann das Attribut aria-owns zusätzlich verwendet werden, um diese Beziehung darzustellen.
Reihenfolgeaufgabe
Das Attribut aria-sort kann verwendet werden, um den aktuellen Sortierstatus für Screenreader-Benutzer anzuzeigen, z. B. aufsteigend oder absteigend.
Zusätzlich kann das Attribut aria-describedby verwendet werden, um jedes Element mit seiner zugehörigen Beschreibung zu verknüpfen.
Hotspotaufgabe
Das Attribut aria-controls kann verwendet werden, um die von einem Hotspot gesteuerten Elemente anzugeben, wie z. B. ein Pop-up-Fenster oder ein Informationsfeld.
Zusätzlich kann das Attribut aria-pressed verwendet werden, um anzuzeigen, ob ein Hotspot aktiviert ist.
Fehlertextaufgabe
Das Attribut aria-invalid kann verwendet werden, um Benutzern von Bildschirmlesegeräten anzuzeigen, ob eine Eingabe fehlerhaft ist.
Zusätzlich kann das Attribut aria-describedby verwendet werden, um die Eingabe mit der zugehörigen Fehlermeldung zu verknüpfen.
Textboxaufgabe
Das aria-required-Attribut kann für Eingabeelemente verwendet werden, um Screenreader-Benutzern anzuzeigen, ob die Eingabe obligatorisch ist.
Wenn Sie eine Zeichenbeschränkung vorsehen, können die Attribute aria-valuemax und aria-valuenow verwendet werden, um die maximale Anzahl von Zeichen und die aktuelle Anzahl von Zeichen anzugeben.
Uploadaufgabe
Das Attribut aria-busy kann verwendet werden, um anzuzeigen, ob ein Upload im Gange ist.
Zusätzlich kann das Attribut aria-describedby verwendet werden, um die Upload-Schaltfläche mit den zugehörigen Anweisungen oder Statusmeldungen zu verknüpfen.
Zeichnen und Moleküle zeichnen
Das Attribut aria-owns kann verwendet werden, um vom Benutzer erstellte grafische Elemente darzustellen.
Wenn Sie außerdem eine Werkzeugauswahl anbieten, kann das Attribut aria-pressed verwendet werden, um anzuzeigen, welches Werkzeug ausgewählt ist.
Programmieraufgabe
Das Attribut aria-multiline kann verwendet werden, um anzuzeigen, dass ein Code-Editor mehrere Textzeilen akzeptieren kann.
Additionally, the aria-describedby attribute can be used to link the editor with its associated error messages or warnings.