Zehn Tipps für barrierefreie Websites
Wir alle wissen, dass es wichtig ist, barrierefreie Designs zu erstellen, aber wie viele von uns berücksichtigen dies wirklich bei der Erstellung einer Website? Hier sind einige einfache und effektive Schritte, um Ihre Website für alle zugänglich zu machen.
Entdecken Sie Designressourcen
1. Überprüfen Sie Ihr XHTML und CSS
Die Validierung Ihres Codes kann häufig dazu führen, dass Sie Probleme entdecken, die Sie zuvor nicht bemerkt haben. Dinge wie nicht geschlossene und falsch eingegebene Tags, die in Ihrem Browser gut aussehen, aber bei der Anzeige durch andere Probleme verursachen können. Die beiden wichtigsten Tools, die Sie verwenden müssen, sind ein XHTML-Validator und ein CSS-Validator.
2. Fügen Sie alternativen Text für Bilder hinzu
Nicht jeder hat Bilder in seinem Browser aktiviert, und viele Menschen verwenden Text-zu-Sprache-Programme, da sie unter Sehproblemen leiden. Durch die Bereitstellung von alternativem Text für Bilder über das alt Attribut wird sichergestellt, dass Bilder eine Beschreibung haben und von Besuchern verstanden werden können. Es hilft Ihnen auch bei der Indizierung durch Suchmaschinen.
3. Stellen Sie sicher, dass Ihre Site ohne JavaScript funktioniert
Wie bei Bildern surfen viele Menschen mit deaktiviertem JavaScript (fast 6% zum Zeitpunkt des Schreibens). Dies ist eine ziemlich hohe Zahl, und es lohnt sich sicherzustellen, dass Ihre Website ohne JavaScript ordnungsgemäß funktioniert. Wenn Sie sich zu stark darauf verlassen, können Sie bestimmte Personen in Ihrem Publikum entfremden.
4. Verwenden Sie CSS, um Inhalt und Formatierung zu trennen
Als Website, die die Verwendung von Cascading Style Sheets präsentiert und fördert, ist es nicht verwunderlich, dass sie hier erwähnt werden. Die Verwendung von CSS verhindert, dass Ihre Seiten formatiert werden, und stellt sicher, dass Browser ihre eigenen Regeln hinzufügen können, um den Seitenkontrast zu erhöhen und die Anzeige zu vereinfachen.
5. Stellen Sie ein kontrastreiches Stylesheet bereit
Erstellen Sie ein zweites Stylesheet für Ihre Website, das die Farbe reduziert oder entfernt und den Kontrast erhöht. Platzieren Sie den Link zum Aktivieren dieses Stils oben auf der Seite, damit schwer sichtbare Benutzer vom Inhalt Ihrer Website profitieren können.
6. Stellen Sie sicher, dass der Linktext beschreibend ist
Anstatt einfach "hier klicken" oder "mehr lesen" zu schreiben, sollten Sie Ihre Links aussagekräftiger gestalten. Wir alle geraten von Zeit zu Zeit in diese Falle, aber eine sinnvolle Verbindung kann viel einfacher verstanden werden und verbessert die Zugänglichkeit.
7. Fügen Sie auf den Seiten "Zum Inhalt springen" Links hinzu
Fügen Sie einen Link hinzu, mit dem Sie zum Hauptinhalt weiter unten auf der Seite springen können, anstatt die Benutzer auf jeder Seite Ihrer Website über den sich wiederholenden Header nach unten scrollen zu lassen. Dies spart Zeit, insbesondere bei Text-zu-Sprache-Browsern, die alle Informationen auf der Seite auslesen.
8. Stellen Sie sicher, dass jedes Formular mit Etiketten versehen ist
Durch die korrekte Beschriftung der Eingaben in Ihren Formularen können diese von zugänglichen Browsern viel einfacher interpretiert und ausgefüllt werden.
9. Öffnen Sie keine Links in einem neuen Fenster
Es ist zwar verlockend, in einem neuen Fenster auf andere Websites zu verlinken, aber es ist wirklich eine schlechte Praxis. Jeder weiß, wie man eine Schaltfläche "Zurück" verwendet, aber wenn die Notwendigkeit besteht, Fenster zu schließen und mehrere gleichzeitig zu verfolgen, können viele Webbenutzer verwirrt und verärgert sein.
10. Geben Sie eine Erklärung zur Barrierefreiheit ab
Wenn Sie eine Erklärung auf einer Seite Ihrer Website haben, werden die Benutzer über die von Ihnen angebotenen Eingabehilfen informiert und erfahren, wie sie problemlos auf Ihrer Website navigieren können. Erklären Sie, wie Sie Ihr kontrastreiches Stylesheet aktivieren und wo sich Ihre Links zu Inhalt springen befinden. Die Leute werden dankbar sein, dass Sie es ihnen klar erklären.
