Semantischer Code ist die Verwendung von HTML-Elementen, welche in ihrem Kontext das Höchstmaß an Bedeutung kommunizieren. Semantischer Code - Definitionen, Methoden, Zweifel

Die wichtigste Regel für barrierenfreie Websites ist, die (X)HTML-Elemente entsprechend ihrer Bedeutung (Semantik) einzusetzen.

Überschriften

Bei Überschriften sollten die HTML-Elemente h1 bis h6 verwendet werden: <h1>DotNetNuke & YAML</h1>

Akronyme und Abkürzungen

Verwendet man das ACRONYM-Tag, so buchstabiert ein Screenreader nicht die einzelnen Buchstaben, sondern spricht das Wort nach Möglichkeit als Ganzes aus. Im Gegensatz dazu steht das ABBR-Tag (für abbrevation, deutsch: Abkürzung). Hier liest der Screenreader die jeweilige Abkürzung Buchstabe für Buchstabe vor. Beispiel: DNN <abbr title="DotNetNuke">DNN</abbr>

Navigationen

Navigationen sind eine Auflistung von Links und sollten somit als ungeordnete Liste ausgezeichnet werden: 

<ul>
  <li>Übersicht</li>
  <li>Usability</li>
  <li>Accessibility</li>
</ul>

Die Standard DNN Navigation "SolpartMenu" generiert für jeden Menüpunkt verschachtelte Tabellen. Wir empfehlen deshalb ein anderes Modul zu verwenden, zum Beispiel "CSS NavMenu" von Snapsis.