Barrierefreies Webdesign-Tutorial
Mit Hilfe unseres Tutorials wollen wir Ihnen nicht nur Schritt für Schritt erklären, wie Sie ein barrierefreies Web-Design realisieren, wir zeigen Ihnen auch, wer davon profitiert — und vor allem warum. Aber lesen Sie selbst …
Inhaltsangabe: Barrierefreies Web Design Tutorial
- Schritt 1: Den richtigen DOCTYPE wählen
- Schritt 2: In welcher Sprache sprechen Sie?
- Schritt 3: Benutzen Sie inhaltsbezogene und aussagekräftige Seitentitel
- Schritt 4: Stellen Sie zusätzliche Navigationshilfen zur Verfügung
- Schritt 5: Sorgen Sie dafür, dass der eigentliche Seiteninhalt zuerst angezeigt wird
- Schritt 6: Link zum Überspringen der Navigation
- Schritt 7: Obacht bei der Benutzung von Farben!
- Schritt 8: Verwenden Sie echte Links
- Schritt 9: Verwenden Sie bei Links das title-Attribut
- Schritt 10: Einsatz von Accesskeys — ein zweischneidiges Schwert
- Schritt 11: Definieren Sie Abkürzungen und Akronyme
- Schritt 12: Versehen Sie alle Ihre Bilder mit einem alt-Attribut
- Schritt 13: Verwenden Sie möglichst keine "Spacer-Images"
- Schritt 14: Versehen Sie Ihre Tabellen mit echten Kopfzeilen
- Schritt 15: Schreiben Sie für jede Tabelle eine Zusammenfassung