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