
Barrierefreies Webdesign ein zugängliches und nutzbares Internet gestalten
Dieser Beitrag wurde im Mai 2005 verfasst und ist ursprünglich erschienen als INFO 1859 bei
Wissen im Internet, Mai 2005. Dort finden Sie auch weitere Veröffentlichungen zum Thema "Barrierefreiheit".
Inhalte im Web sollten strukturiert werden, indem z.B. Absätze als Absätze, Überschriften als Überschriften, Listen mit einem der verschiedenen Listentypen usw. ausgezeichnet werden. Strukturierte Inhalte können nicht nur besser mit alternativer Zugangssoftware erschlossen werden, sie lassen sich auch leichter in andere Anwendungen exportieren. Die Formatierung für die Webinhalte erfolgt entsprechend den Vorgaben zur Trennung von Inhalt und Layout mittels Cascading Style Sheets (CSS).
Absätze sollten einzeln mit <p> … </p> ausgezeichnet werden. Wenn mehrere Absätze aufeinander folgen, sollten sie nicht mit einfachen Zeilenumbrüchen getrennt werden. Alternative Zugangssoftware erkennt den Beginn eines jeden Blockelements wie Absatz, Überschrift usw. und macht ein Dokument auf dieser Weise navigierbar.
Überschriften-Elemente — in (X)HTML werden sechs Ebenen von Überschrift 1 "<h1>" bis Überschrift 6 "<h6>" angeboten – sollten ebenfalls verwendet werden. Die inhaltsbezogene Überschrift sollte Überschrift 1 "<h1>" sein. Die weitere
Gliederung eines Dokuments sollte mit <h2>, <h3> usw. hierarchisch aufgebaut werden.
Ein komplexes Thema bei der Strukturierung von Webinhalten ist die Gestaltung von
Datentabellen. Wichtig ist zunächst, dass Tabellenüberschriften korrekt mit <th> statt <td> ausgezeichnet werden. Um die Nutzbarkeit in alternativen Medien zu verbessern, kann es bei langen Spalten- und Reihenüberschriften sinnvoll sein, eine verkürzte Variante der Überschrift anzubieten:
<th abbr="Summe ohne Steuer">Summe der gezahlten Beträge abzüglich der Mehrwertsteuer</th>
Eine weitere Vorgabe aus der BITV ist die Bereitstellung von
Zusammenfassungen für komplette Tabellen. Demnach sollte der Inhalt einer Datentabelle wie folgt zusammengefasst werden:
<table summary="In der linken Spalte finden Sie …Die zweite Spalte enthält jeweils zwei Angaben &hellip">
Gleichwohl ist die Verwendung von Elementen und Attributen, die für die Strukturierung und die Texthinterlegung von Datentabellen vorgesehen sind, für
Layout-Tabellen nicht zulässig.
Der folgende Begriff auf dieser Seite wird im Glossar definiert:
Inhalte
über diesen Webauftritt
Glossar
Suchfunktion
Gesamtübersicht