HTML

Landmark Roles (WAI-ARIA)

Die Web Accessibility Initiative (WAI) hat verschiedene Rollen definiert, die es erlauben - Abschnitte im Dokument semantisch zu kennzeichnen - z. B.

• banner: Kennzeichnet einen Bereich, in dem i. d. R. Logo, Untertitel oder Slogan stehen
• navigation: Kennzeichnet den Navigationsbereich
• main: Kennzeichnet den Hauptinhaltsbereich
• article: Kennzeichnet einen Bereich, der Content enthält, der in sich geschlossen und von der Seite unabhängig ist
• complementary: Kennzeichnet einen Bereich, der ergänzende Informationen zum Hauptteil (main) der Seite hat, aber auch unabhängig davon verständlich ist
• note: Kennzeichnet einen Bereich, der zusätzliche - nicht unabhängige - Informationen zum Hauptteil enthält
• contentinfo: Kennzeichnet einen Bereich, der Informationen über die Website selbst enthält (z. B. Autor, Copyright, Fußnoten, Datenschutz, Impressum)

Diese Rollen wurden vor HTML5 eingeführt, um z. B. Panels bereits semantisch zu kennzeichnen, z. B.

<div class="mainContent" role="main">
	
</div>

Durch die Einführung semantischer Elemente in HTML5 erscheint dies auf den ersten Blick unnötig - da ja schon header, main, nav, etc. definiert sind. Aufgrund der Abwärtskompatibilität (zu evtl. noch nicht aktualisierten Screenreadern) erscheint die zusätzliche Ergänzung aber durchaus sinnvoll zu sein. Tatsächlich gibt auch das W3C selbst an, dass die semantischen HTML-Elemente mit einer Rollen-Angabe ergänzt werden sollen - also so:

<main role="main">
	...
</main>