Referenz:HTML/Attribute/role

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Attribut role
Beschreibung Das role-Attribut bietet landmark roles als Orientierungspunkte für Unterstützungstechnologie.
erlaubte Werte
  • application: eigenständige Webanwendung
  • banner: Site-spezifischer Inhalt, beispielsweise der Titel der Seite und das Logo
  • complementary: unterstützender Inhalt für den Hauptinhalt, aber auch für sich alleinstehend, wenn er vom Hauptinhalt getrennt wird, beispielsweise das angezeigte Wetter auf einem Portal
  • contentinfo: Fußnoten, Copyright-Hinweise, Voreinstellungen, rechtliche Hinweise und Ähnliches
  • form: Formulare
  • main: Inhalt mit direktem Bezug zum Hauptinhalt oder Inhalt der zum zentralen Inhalt des jeweiligen Dokuments führt.
  • navigation: Inhalt, der Links enthält, um durch das Dokument und/oder zu ähnlichen Dokumenten zu navigieren
  • search: Suchfunktion der Website
  • ...und viele mehr
default-Wert
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Browsersupport
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Spezifikation W3c logo klein.gif WAI-ARIA - The Roles model
Beispiel
<header role="banner">
Beachten Sie
Tipp

Verwenden Sie role-Attribute, um Screenreadern (und ihren Nutzern) einen barrierefreien Zugang zu Ihrer Webseite zu ermöglichen.

Beachten Sie: Die Angaben beziehen sich ausschließlich auf HTML5, zu früheren HTML-Versionen kann es deutliche Unterschiede geben.