Das role-Attribut muss einen geeigneten Wert für das Element haben

Werte, die WAI-ARIA-role-Attributen zugewiesen werden, müssen gültig sein. Gültige Attribute sind korrekt geschrieben, entsprechen bestehenden ARIA-Rollenwerten und sind keine abstrakten Rollen.

Warum es wichtig ist

Screenreader und andere unterstützende Technologien müssen die Rolle jedes Elements auf einer Webseite korrekt interpretieren können. Wenn eine ungültige Rolle verwendet wird, kann das Element nicht mit seinen Eigenschaften, Merkmalen und Methoden an unterstützende Technologien weitergegeben werden, wodurch die Barrierefreiheit beeinträchtigt wird.

Behebung des Problems

Stellen Sie sicher, dass alle Werte, die role=”” zugewiesen sind, gültigen WAI-ARIA-Rollen entsprechen.

Verfügbare Rollen nach Typ sind:

• Landmark: article, banner, complementary, main, navigation, region, search, contentinfo
• Widget: alert, alertdialog, application, dialog, group, log, marquee, menu, menubar, menuitem, menuitemcheckbox, menuitemradio, progressbar, separator, slider, spinbutton, status, tab, tablist, tabpanel, timer, toolbar, tooltip, tree, treegrid, treeitem
• Pseudo-HTML: button, checkbox, columnheader, combobox, form, grid, gridcell, heading, img, link, listbox, listitem, option, radio, radiogroup, row, rowgroup, rowheader, scrollbar, textbox
• Dokument: document (wenn ein Dokumentbereich innerhalb eines anderen Bereichs erstellt wird)
• Anwendung: application (nur um ein Widget herum, um normale Tastenkombinationen für Seiteninhalte zu aktivieren)
• Präsentation: presentation (um die native Rolle des Elements aufzuheben)
• Andere Semantik: math, definition, note, directory
• Abstrakt: command, composite, input, landmark, range, section, sectionhead, select, structure, widget