Teil 3 – Semantische Auszeichnung
Inhalte ohne Bedeutung auszeichnen
Oberflächlich betrachtet sehen diese beiden Seiten gleich aus:
Nach der Entfernung des Stylesheets allerdings hat das zweite Beispiel keine Struktur – und deshalb auch keine Bedeutung
Was passiert in den unterschiedlichen Geräten/Browsern?
- Mit CSS sehen diese beiden Beispiele gleich aus
- Ohne CSS hat der Inhalt des zweiten Beispiels keine Struktur und keine Bedeutung
- In Lynx hat das zweite Beispiele keine Struktur und keine Bedeutung
- Wenn die Seite mit einem Screen-Reader betrachtet wird hat das zweite Beispiel ebenso keine Bedeutung. Es hat ebenfalls keine Überschriften oder Listen, welche blinde Nutzer zur Navigation benützen
Zwei Helfer, die benutzt werden können, um die semantische Bedeutung zu testen