12 Tipps für eine zugänglichere Website
Es ist nicht nur eine moralische, sondern auch eine rechtliche Verpflichtung, Ihre Website für jedermann zugänglich zu machen. 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 unter einer Behinderung leiden, ist die Verbesserung der Zugänglichkeit Ihrer Website auch wirtschaftlich sinnvoll.
Es sind nicht nur diejenigen, die als "behindert" eingestuft sind, die davon profitieren können. Untersuchungen haben ergeben, dass 57% der erwachsenen Computerbenutzer von einer verbesserten Zugänglichkeit profitieren werden. Derzeit erfüllen nur 19% der Websites die grundlegendsten Anforderungen an die Barrierefreiheit. Sie können sich also wirklich von der Konkurrenz abheben, indem Sie einige Änderungen an Ihrer Website vornehmen.
In diesem Artikel untersuchen wir 12 Möglichkeiten, wie Sie Ihre Website zugänglicher machen können. Einige Methoden sind sehr billig und schnell zu implementieren, andere erfordern etwas mehr Zeit und finanzielle Investitionen, aber Sie sollten sie als Geschäftsmöglichkeiten betrachten. Da das Internet heutzutage so zentral für unser gesamtes Leben ist, ist es unfair, dass einige Menschen zurückgelassen werden.
1. WAI-ARIA
Wenn Sie die Zugänglichkeit Ihrer Website verbessern möchten, sollte Ihre erste Anlaufstelle eine Reihe von Dokumenten sein, die vom Worldwide Web Consortium mit dem Namen WAI-ARIA veröffentlicht wurden. In diesen Dokumenten wird im Wesentlichen beschrieben, wie Entwickler HTML-Metadaten hinzufügen sollten, um die Zugänglichkeit zu verbessern.
2. Progressive Verbesserung
Progressive Verbesserung bedeutet, eine Website in mehreren Ebenen zu gestalten, sodass jeder auf die grundlegendsten Funktionen zugreifen kann und Benutzer mit besserer Bandbreite und erweiterten Browsern eine erweiterte Version sehen können. Websites, die mit einer Strategie der progressiven Verbesserung erstellt wurden, können mit einer Bildschirmlese-Software, die von Menschen mit einer Reihe von Behinderungen verwendet wird, viel einfacher gelesen werden.
3. Alternativer Inhalt
Es ist unbedingt erforderlich, dass Sie ein Textäquivalent für Nicht-Text-Inhalte auf Ihrer Website bereitstellen. Bilder und Videos benötigen Needtags, damit Benutzer von Bildschirmlese-Software genau herausfinden können, was sich auf einer Seite befindet. Links benötigen ebenfalls relevante Titel-Tags.
4. Bildunterschriften
Außerdem benötigen Bilder, Audio- und Videoclips Bildunterschriften, 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, noch besser, eine vollständige Abschrift. Vergessen Sie nicht, Bildunterschriften helfen auch bei der Suchmaschinenoptimierung.
5. Bildschirmlese-Software
Die meisten blinden und sehbehinderten Menschen verwenden beim Surfen auf Websites Bildschirmlese-Software. 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 führen Sie die Software aus, um genau herauszufinden, was Ihre Website diesen wertvollen Lesern und potenziellen Kunden sagt. Wenn die Software Kauderwelsch ausstößt, müssen Sie einige Änderungen vornehmen!
6. Audit
Keine Menge von Zugänglichkeitstests, die Sie selbst durchführen, kann mit einem echten Spezialisten verglichen werden, der sein Expertenauge auf Ihre Website wirft. Es gibt eine Reihe von Unternehmen und Einzelpersonen, die für Sie ein Barrierefreiheits-Audit durchführen und Ihnen genau mitteilen, welche Änderungen Sie vornehmen müssen.
7. Usability-Tests
Usability-Tests sind ein weiterer wertvoller Weg, um potenzielle Probleme mit der Barrierefreiheit Ihrer Website zu identifizieren. Holen Sie sich eine Gruppe von Menschen mit unterschiedlichen Bedürfnissen, um Ihre Website wirklich auszuprobieren, zu navigieren und Aufgaben auszuführen. Sie können Sie detailliert über Probleme informieren, von denen viele, wie Sie sicher feststellen werden, nicht in den WAI-ARIA-Richtlinien enthalten sind.
8. Stylesheets
Stellen Sie beim Erstellen oder Neugestalten Ihrer Website sicher, dass Ihre Stylesheets variable Schriftgrößen zulassen und niemals feste Schriftarten verwenden. Sie werden erstaunt sein, wie viele Benutzer, von alten Menschen bis zu Personen mit leichtem Sehvermögen, die Größe ihrer Schriftarten regelmäßig ändern.
9. Schriftsteuerung
Benutzer von Firefox und Internet Explorer können Schriftarten vergrößern, aber viele Benutzer sind sich dessen nicht bewusst, und andere verwenden noch ältere Browser, die diese Funktion nicht bieten. Erwägen Sie für sie, Steuerelemente zur Größenänderung von Schriftarten in Ihre Site einzubetten.
10. Konsistenz
Die Konsistenz des Designs von Seite zu Seite ist sehr wichtig für Personen, die nicht eine ganze Seite auf einen Blick erfassen können, und für Benutzer von Bildschirmleseprogrammen. Wenn Ihre Website konsistent ist und auf jeder Seite dieselben Dinge an derselben Stelle angezeigt werden, können sie viel einfacher navigieren. Sehende Benutzer finden Konsistenz oft auch vorteilhaft.
11. Text für die Navigation
Vermeiden Sie unter allen Umständen die Verwendung von Bildern für die Navigation auf Ihrer Website. Verwenden Sie stattdessen Text. Bildschirmleser können es 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 einer Größe von mindestens 16 Punkten geschrieben sind.
12. Farben
Die Verwendung verschiedener Farben in Websites ist großartig, aber Sie müssen überlegen, wie sie zusammenarbeiten, um ein klares Bild zu erstellen. Vordergrund- und Hintergrundfarben müssen ausreichend kontrastieren, und Sie können vergessen, hellgrauen Text zu verwenden. Für Menschen mit einer Sehkraft von 20 bis 20 Jahren ist das Lesen schwierig genug. Links müssen eine andere Farbe als der Rest des Textes auf Ihrer Website haben, vorzugsweise blau und immer unterstrichen.
Fazit
Barrierefreiheit ist ein häufig übersehener Aspekt des Webdesigns, der jedoch von Anfang an im Mittelpunkt Ihres Designprozesses stehen sollte, wenn Sie ein Layout mit einem Drahtmodell versehen. Ohne zu eigennützig zu klingen, bedeutet es eines sicherzustellen, dass Ihre Website dem Standard für Barrierefreiheit entspricht: mehr zufriedene Kunden. Und Sie wissen, was das bedeutet!
Verwenden Sie die folgenden Kommentare, um uns mitzuteilen, ob Sie mit den obigen Tipps einverstanden sind und wie Sie Ihre Website zugänglicher gemacht haben.
