12 Tipps für eine barrierefreiere Website

Ihre Website für jeden zugänglich zu machen, ist nicht nur eine moralische Pflicht, sondern auch eine rechtliche Verpflichtung. Viele Organisationen, einschließlich des Internationalen Olympischen Komitees, wurden verklagt, weil sie ihre Websites nicht ausreichend zugänglich gemacht haben. Bei 50 Millionen Amerikanern, die an irgendeiner Behinderung leiden, ist die Verbesserung der Zugänglichkeit Ihrer Website auch aus kommerziellen Gründen sinnvoll.

Es sind nicht nur diejenigen, die als „Behinderte“ bezeichnet werden, die ebenfalls gewinnen können. Forschungsergebnisse deuten darauf hin, dass 57% der erwachsenen Computerbenutzer von einer besseren Zugänglichkeit profitieren. Derzeit erfüllen nur 19% der Websites die grundlegendsten Anforderungen an die Barrierefreiheit, sodass Sie sich mit ein paar Änderungen an Ihrer Website wirklich von der Konkurrenz abheben können.

In diesem Artikel werden 12 Möglichkeiten beschrieben, wie Sie Ihre Website leichter zugänglich machen können. Einige Methoden sind sehr kostengünstig und schnell zu implementieren, andere erfordern etwas mehr Zeit und Geld, aber Sie sollten sie als Geschäftsmöglichkeiten betrachten. Da das Internet heutzutage so wichtig für unser aller Leben ist, ist es unfair, dass manche Menschen zurückgelassen werden.

1. WAI-ARIA

Bei der Verbesserung der Zugänglichkeit Ihrer Site sollten Sie als erste Anlaufstelle eine Reihe von Dokumenten verwenden, die vom Worldwide Web Consortium (WAI-ARIA) veröffentlicht werden. Diese Dokumente beschreiben im Wesentlichen, wie Entwickler Metadaten zu HTML hinzufügen sollten, um die Zugänglichkeit zu verbessern.

2. Progressive Verbesserung

Fortschrittliche Verbesserung bedeutet, dass eine Website in mehreren Ebenen gestaltet wird, sodass jeder auf die grundlegenden Funktionen zugreifen kann und Benutzer mit höherer Bandbreite und erweiterte Browser eine erweiterte Version sehen können. Websites, die mit einer progressiven Verbesserungsstrategie erstellt wurden, können von Bildschirmlesesoftware, die von Menschen mit einer Reihe von Behinderungen verwendet wird, viel einfacher gelesen werden.

3. Alternativer Inhalt

Es ist absolut wichtig, dass Sie ein Textäquivalent für Nicht-Text-Inhalte auf Ihrer Website bereitstellen. Bilder und Videos benötigen alt-Tags, damit Benutzer, die Bildschirmlesesoftware verwenden, genau herausfinden können, was sich auf einer Seite befindet. Links benötigen auch relevante Titel-Tags.

4. Bildunterschriften

Neben Alt-Tags benötigen Bilder, Audio- und Videoclips Untertitel, damit Sehbehinderte genau wissen, was sie sehen. Wenn Sie Videos oder Podcasts hochladen, geben Sie einen Textabschnitt an, in dem der Inhalt zusammengefasst ist, oder geben Sie eine vollständige Abschrift an. Vergessen Sie nicht, Untertitel helfen auch bei SEO.

5. Bildschirmlesesoftware

Die meisten blinden und sehbehinderten Menschen verwenden beim Lesen von Websites Bildschirmlesesoftware. Eine der besten Möglichkeiten, um sicherzustellen, dass Ihre Website für sie zugänglich ist, besteht darin, die gleiche Software selbst zu verwenden. Schalten Sie Ihren Monitor aus und starten Sie die Software, um herauszufinden, was Ihre Site diesen wertvollen Lesern und potenziellen Kunden genau sagt. Wenn die Software anfängt, Kauderwelsch auszusprechen, müssen Sie einige Änderungen vornehmen!

6. Prüfung

Sie können keine Tests der Zugänglichkeit durchführen, die Sie mit einem echten Spezialisten vergleichen können. Es gibt eine Reihe von Unternehmen und Einzelpersonen, die für Sie eine Barrierefreiheitsprüfung durchführen und Ihnen genau sagen, welche Änderungen Sie vornehmen müssen.

7. Usability-Test

Usability-Tests sind ein weiterer wertvoller Weg, um potenzielle Probleme mit der Zugänglichkeit Ihrer Website zu erkennen. Fordern Sie eine Gruppe von Personen mit unterschiedlichen Anforderungen auf, um Ihre Website wirklich auszuprobieren, um sich zu bewegen und Aufgaben auszuführen. Sie werden in der Lage sein, Sie detailliert über alle Probleme zu informieren, von denen viele betroffen sind, die Sie sicherlich nicht finden werden.

8. Stylesheets

Wenn Sie Ihre Site erstellen oder neu gestalten, stellen Sie sicher, dass Ihre Stylesheets variable Schriftgrößen zulassen und niemals feste Schriftarten verwenden. Sie werden staunen, wie viele Benutzer, von alten bis zu Sehbehinderten, ihre Schriftgröße regelmäßig ändern.

9. Font-Steuerelemente

Firefox- und Internet Explorer-Benutzer können Schriftarten vergrößern, aber viele Leute sind sich dessen nicht bewusst, und andere verwenden immer noch ältere Browser, die diese Funktion nicht haben. Erwägen Sie für sie das Einbetten von Steuerelementen zur Schriftgrößenänderung in Ihre Site.

10. Konsistenz

Konsistenz im Design von Seite zu Seite ist sehr wichtig für Benutzer, die keine ganze Seite auf einen Blick erfassen können, und für Benutzer, die Bildschirmlesegeräte verwenden. Wenn Ihre Website konsistent ist und sich auf jeder Seite die gleichen Dinge an derselben Stelle befinden, können sie viel einfacher navigieren. Sehende Benutzer finden die Konsistenz oft auch vorteilhaft.

11. Text zur Navigation

Vermeiden Sie die Verwendung von Bildern für die Navigation auf Ihrer Website um jeden Preis. Verwenden Sie stattdessen Text. Screenreader können das verstehen und es ist viel einfacher, die Größe zu ändern. Wenn Ihre Navigationssteuerelemente nicht vergrößert werden können, stellen Sie sicher, dass sie in einer klaren Schrift mit mindestens 16 Punkten geschrieben sind.

12. Farben

Die Verwendung unterschiedlicher Farben in Websites ist großartig, aber Sie müssen sich überlegen, wie sie zusammenarbeiten, um ein klares Bild zu erzeugen. Vordergrund- und Hintergrundfarben müssen ausreichend kontrastiert sein, und Sie können vergessen, hellgrauen Text zu verwenden. Es ist schwer genug für Personen mit einer Sicht von 20-20 zu lesen. Links müssen eine andere Farbe haben als der Rest des Textes auf Ihrer Website, vorzugsweise blau und immer unterstrichen.

Fazit

Die Barrierefreiheit ist ein oft übersehener Aspekt des Webdesigns, sollte jedoch beim Entwurf eines Layouts von Anfang an im Mittelpunkt Ihres Designprozesses stehen. Ohne auf den ersten Blick selbst zu wirken, bedeutet das Sicherstellen, dass Ihre Website den Standard für Barrierefreiheit erfüllt, eines: mehr zufriedene Kunden. Und du weißt was das bedeutet!

Verwenden Sie die folgenden Kommentare, um uns mitzuteilen, ob Sie den oben genannten Tipps zustimmen und wie Sie Ihre Website besser zugänglich gemacht haben.