Auswahlaufgabe
- 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.