Erstellung barrierefreier und integrativer Websites für unsere Community

Wie können Sie Ihre Website für jedermann zugänglich machen, und was sind Standards für die Barrierefreiheit von Websites?

Sie fragen sich vielleicht: Was ist Barrierefreiheit und Inklusion von Websites?

Nicht jeder kann auf die gleiche Weise auf das Internet zugreifen wie eine normal entwickelte Person. Ein großer Teil unserer Gesellschaft – 20 % in Australien – lebt mit irgendeiner Form von Behinderung. Dies bedeutet, dass mindestens 20 % aller Australier Internetinhalte schlechter konsumieren, abrufen, lesen, hören oder verstehen können oder nicht, weil sie online gefundene Inhalte schlechter sehen, hören oder kognitiv verdauen können. Dies kann auf eine dauerhafte oder vorübergehende Behinderung, eine Verletzung oder eine Sprachbarriere oder unnötige Komplexität bei der Interaktion mit der Website zurückzuführen sein.

Zugänglichkeit von Websites bedeutet, dass Websites, Tools und Technologien von allen wahrgenommen, verstanden, navigiert, mit ihnen interagiert und dazu beigetragen werden kann, unabhängig davon, wer sie sind. Barrierefreiheit unterstützt die soziale Inklusion für diejenigen, die andernfalls Gefahr laufen, isoliert zu werden, und wenn Websites und Web-Tools inklusiv gestaltet werden, können Menschen mit Behinderungen sie vollständig nutzen.

In diesem Artikel:

1. Warum sollten wir unsere Websites zugänglicher machen?

Barrierefreiheit ist Gesetz

Barrierefreiheit ist ein Menschenrecht

2. Häufige Zugänglichkeitsprobleme

Hören

Sehen

Verständnis

Navigieren

Rede

3. Wie machen wir unsere Websites barrierefreier?

4. Möglichkeiten, Webseiten zu schreiben, die für jeden zugänglich sind

5. Richtlinien für barrierefreie Webinhalte (WCAG)

6. WCAG-Zusammenfassung – Möglichkeiten, Webinhalte für alle zugänglich zu machen

7. Wann ist es vertretbar, die WCAG nicht einzuhalten?

8. Testen der Webzugänglichkeit

9. 6 einfache Möglichkeiten zum manuellen Testen der Webzugänglichkeit

Zurück nach oben

1. Warum sollten wir unsere Websites zugänglicher machen?

Wir sollten unsere Websites aus drei Hauptgründen zugänglicher machen:

• Es ist gut für den Leser – Jeder hat das Recht, das Internet so vollständig wie jeder andere zu nutzen, und wenn dies geschieht, trägt es zur Lebensqualität und Zufriedenheit des Lesers bei. Sie fühlen sich verbunden und einbezogen, weil wir unsere Websites „im Einklang mit den gesellschaftlichen Verpflichtungen zur Beseitigung von Diskriminierung und zur Förderung der Menschenrechte“ gestalten.

• Es ist gut für das Geschäft – Wenn mehr Menschen auf die Inhalte zugreifen können, die wir für unsere Kunden erstellen, werden mehr Menschen der Marke ausgesetzt, für die wir die Website erstellen. Mehr Präsenz bedeutet mehr Umsatz, aber darüber hinaus zeigt eine bessere Zugänglichkeit, dass die Marke, für die wir kreieren, Inklusion im Sinn hat. Dies wird zu einer Steigerung der positiven Markenwahrnehmung führen.

• Es ist ein Menschenrecht und eine gesetzliche Anforderung – das ist extrem wichtig.

Zurück nach oben

Barrierefreiheit ist Gesetz

Gemäß Abschnitt 24 des Disability Discrimination Act (1992) ist es „einer Person, die entgeltlich oder unentgeltlich Waren oder Dienstleistungen bereitstellt oder Einrichtungen zur Verfügung stellt, rechtswidrig, eine andere Person aufgrund der Behinderung der anderen Person zu diskriminieren:

1. indem Sie sich weigern, der anderen Person diese Waren oder Dienstleistungen zur Verfügung zu stellen oder diese Einrichtungen der anderen Person zur Verfügung zu stellen;
2. in den Geschäftsbedingungen, zu denen die erstgenannte Person der anderen Person diese Waren oder Dienstleistungen bereitstellt oder der anderen Person diese Einrichtungen zur Verfügung stellt; oder
3. in der Art und Weise, in der die erstgenannte Person der anderen Person diese Waren oder Dienstleistungen bereitstellt oder diese Einrichtungen der anderen Person zur Verfügung stellt.

Im Klartext bedeutet dies, dass ein Unternehmen nach dem Gesetz strafrechtlich verfolgt werden kann, wenn es sich entscheidet, einer Person aufgrund ihrer Behinderung innerhalb angemessener Frist keine Einrichtungen zur Verfügung zu stellen.

Zurück nach oben

Barrierefreiheit ist ein Menschenrecht

Neben dem Behindertengleichstellungsgesetz ist Barrierefreiheit in jeder Form ein Menschenrecht. Das Übereinkommen über die Rechte von Menschen mit Behinderungen (CRPD) wurde 2006 von den Vereinten Nationen angenommen. Artikel (4)(1)(g) des Übereinkommens fordert die Vertragsparteien auf, „den Zugang für Menschen mit Behinderungen zu neuen Informationen und Mitteilungen zu fördern Technologien und Systeme, einschließlich des Internets“. Australien war einer der ersten Unterzeichner der Konvention, aber wie die Australian Human Rights Commission (AHRC) betont, sind wir alle verpflichtet, die von der Konvention festgelegten Rechte zu wahren.

Zurück nach oben

2. Häufige Zugänglichkeitsprobleme

Online-Inhalte bestehen normalerweise aus Text, Audio, Video und Bildern und normalerweise in einem nichtlinearen Format (mit anderen Worten, Websites sind normalerweise nicht nur eine Liste von oben nach unten auf der Seite, es gibt Links, separate Abschnitte, Buttons und andere verstreute Medien) und verschiedene Elemente einer Website werden für einige Personen unzugänglich sein.

Hören

Eine hörgeschädigte oder gehörlose Person wird Audioclips oder Videoclips mit Ton nicht unbedingt verstehen. Das Audio kann Musik sein, Klänge, die eine Nachricht übermitteln, wie z. B. Musikpartituren, oder Geräusche, die aktiviert werden, wenn auf Elemente einer Webseite geklickt wird, oder Sprache oder sogar Computerwarntöne.

Sehen

Ebenso ist eine Person mit Sehbehinderung oder teilweiser oder vollständiger Blindheit nicht unbedingt in der Lage, Texte zu lesen, Videoclips zu sehen oder effizient auf einer Website zu navigieren. Sie haben möglicherweise Schwierigkeiten, Text mit schlechtem Kontrast zu lesen, oder sie reagieren empfindlich auf blinkende Bilder.

Verständnis

Das Verständnis einer Website hängt von der Komplexität der Website ab. Viele Menschen werden Schwierigkeiten haben, auf einer Website zu navigieren, wenn sie unerklärlichen Jargon, kleine Schriftarten, nicht offensichtliche Orte zum Klicken und Bewegen durch die Website, schlechte Backlinking-Systeme, fehlende Überschriftenstruktur, schlechten Textkontrast und versteckte Teile enthält. Eine Person kann Probleme in diesen Bereichen haben, wenn sie kognitive Herausforderungen hat, keine Erfahrung mit Technologie hat oder sehbehindert ist. Jeder kann jedoch Probleme auf einer Website mit einem dieser Designfehler haben.

Navigieren

Eine Website wird durch Designmängel schwer zu navigieren, aber eine Person, die mit einer kognitiven Herausforderung lebt oder visuelle Probleme hat, wird Schwierigkeiten haben, auf einer Webseite zu navigieren. Noch mehr Menschen können motorische Funktionsfaktoren haben, die ihre Fähigkeit beeinträchtigen, eine Maus oder Tastatur zu verwenden.

Rede

Einige Teile des Internets sind sprachaktiviert, und in letzter Zeit werden Stimmen als eine Form von Passwörtern verwendet (z. B. Centrelink Voice Authentication), aber dieser wachsende Aspekt des Internetzugangs ist möglicherweise nicht für Menschen mit Sprachbehinderung oder Hörbehinderung nutzbar. oder die Englisch als Zweitsprache verwenden.

Zurück nach oben

3. Wie machen wir unsere Websites barrierefreier?

Es ist klar, dass viele Menschen Gefahr laufen, von einigen, den meisten oder allen Internetinhalten ausgeschlossen zu werden, es sei denn, Webprogrammierer und -designer bemühen sich, Wege zu finden, die Inklusion in ihren Produkten zu erhöhen.

Um unsere Websites so vielen Menschen wie möglich zugänglich zu machen, folgen Sie internationalen Richtlinien, um uns an die Gesetze des World Wide Web Consortium (W3C) zu halten.

Zurück nach oben

4. Möglichkeiten, Webseiten zu schreiben, die für jeden zugänglich sind

Mit nur ein wenig Recherche können Webdesigner und Entwickler aktiver an der Entwicklung von Produkten mitwirken, die mehr Menschen können. Es gibt einige fantastische Online-Ressourcen, die dabei helfen und uns allen helfen, Websites besser zu machen, die:

• Geben Sie informative, eindeutige Seitentitel an
• Verwenden Sie Überschriften, um Bedeutung und Struktur zu vermitteln
• Gestalten Sie den Linktext aussagekräftig
• Schreiben Sie aussagekräftige Textalternativen für Bilder
• Erstellen Sie Transkripte und Untertitel für Multimedia
• Geben Sie klare Anweisungen
• Halten Sie Inhalte klar und prägnant

Zurück nach oben

5. Richtlinien für barrierefreie Webinhalte (WCAG)

W3C ist eine internationale Gemeinschaft, in der Mitgliedsorganisationen, Vollzeitmitarbeiter und die Öffentlichkeit zusammenarbeiten, um Webstandards zu entwickeln. Die Mission von W3C ist es, das Web zu seinem vollen Potenzial zu führen, und sie leiten die Web Accessibility Initiative (WAI). Die WAI-Richtlinien für die Barrierefreiheit im Internet lauten:

• Richtlinien für barrierefreie Webinhalte (WCAG) 2.0 – ein Leitfaden, um Websites für Menschen mit Behinderungen zugänglich zu machen.
• Mobile Web Best Practices (MWBP) – ein Leitfaden, um Websites von einem mobilen Gerät aus nutzbar zu machen.
• Mobile Web Application Best Practices (MWABP) – ein Leitfaden für die Entwicklung und Bereitstellung von Webanwendungen auf mobilen Geräten.

Die vollständigen Einzelheiten der Richtlinien sind sehr kompliziert und komplex und gehen weit über den Rahmen dieses Artikels hinaus. Aus diesem Grund wird dieser Artikel die Hauptpunkte der Artikel zusammenfassen und diskutieren, als Sprungbrett für Ihr Verständnis von Barrierefreiheit im Internet und als Ausgangspunkt für weiterführende Lektüre. Hier die Links zu den vollständigen Dokumenten:

WCAG (Web Content Accessibility Guidelines) Vollständiges Dokument

MWBP (Mobile Web Best Practices) Vollständiges Dokument

MWABP (Mobile Web Application Best Practices) Vollständiges Dokument

Sie fragen sich vielleicht, warum es Richtlinien zur Barrierefreiheit gibt, die auf der Erstellung von Seiten, Apps oder Web-Tools für mobile Geräte basieren, aber das W3C und die Australian Human Rights Commission (AHRC) sind sich einig, dass „Menschen mit Behinderungen, die Computer verwenden, ähnliche Interaktionseinschränkungen haben wie Menschen ohne Behinderungen, die verwenden Mobilgeräte“. Tatsächlich gibt es so viele Überschneidungen, dass das W3C Richtlinien für Mobiltelefone erstellt hat, die sowohl für behinderte als auch für normal entwickelte Personen geeignet sind, da wir alle im Vergleich zu Computern mit Zugänglichkeitsproblemen bei Mobiltelefonen konfrontiert sind.

Zurück nach oben

6. WCAG-Zusammenfassung – Möglichkeiten, Webinhalte für alle zugänglich zu machen

Hier ist eine einfache Sichtweise, eine einfache Faustregel: Bemühen Sie sich, mehrere Medientypen zu verwenden, um jede Nachricht auf einer Website, an der wir arbeiten, zu vermitteln, mehrere Möglichkeiten für den Zugriff auf ein Element auf einer Website einzubeziehen und zu vermeiden, dass irgendwelche beleidigt werden Bedingung.

Die WCAG listet diese als 4 Hauptprinzipien auf, die auf einem guten, sehr guten oder ausgezeichneten Niveau erreicht werden können (in den Richtlinien als A, AA bzw. AAA angegeben). In diesem Dokument werden nur A- und AA-Lösungen aufgeführt, da alle Noten die Barrierefreiheitsanforderungen „bestanden“ haben und einige AAA-Lösungen zu zeit- oder kostenintensiv sind. Die Website der australischen Regierung gibt an, dass sie beispielsweise AA-konform ist und auf die AAA-Konformität hinarbeitet.

Um sich bei der WCAG zu beschweren, müssen die Informationen und die Bedienung der Benutzeroberfläche:

1. Wahrnehmbar (sichtbar, akustisch oder beides)
2. Bedienbar (per Maus und Tastatur)
3. Verständlich (Schreiben muss leicht verständlich sein)
4. Robust (Interpretiert von einer Vielzahl von Benutzerprogrammen)

Prinzip 1 – Eine Website und ihre Navigation müssen wahrnehmbar sein

Verwenden Sie Textalternativen für alle Nicht-Text-Inhalte, wie zum Beispiel:

• Großdruck, Blindenschrift, Sprache
• Symbole
• Einfachere Sprache

Verwenden Sie zeitbasierte Medienalternativen für zeitbasierte Medien wie:

• Voraufgezeichnete oder Live-Untertitel
• Audiobeschreibungen
• voraufgezeichnete Gebärdensprache
• Erweiterte Audiodeskriptionen

Erstellen Sie anpassbare Webinhalte , die auf vielfältige Weise präsentiert werden können, ohne dass Informationen oder Struktur verloren gehen:

• Richtige Lesereihenfolge verwenden .
• Stellen Sie Text- oder Audioäquivalente für Anweisungen bereit, die sich ausschließlich auf Form, Farbe, Größe, visuelle Position, Ausrichtung oder Ton stützen.
• Verwenden Sie Hoch- UND Querformat (es sei denn, eine bestimmte Anzeigeausrichtung ist unbedingt erforderlich).
• Eingabefelder beschriften .

Erleichtern Sie Benutzern das Sehen und Hören von Inhalten:

• Schließen Sie Soundsteuerungen für Audio ein, das länger als 3 Sekunden ist.
• Verwenden Sie leises oder kein Hintergrundaudio .
• Vordergrund vom Hintergrund trennen.
• Verwenden Sie Farbe nur mit Wörtern als visuelles Mittel zur Übermittlung von Informationen, Aktionen, Reaktionen oder visuellen Elementen.
• Verwenden Sie Text , um visuelle Präsentationen zu beschreiben.
• Verwenden Sie beim Kopieren ein Kontrastverhältnis von mindestens 4,5:1
• Ermöglichen Sie die Größenänderung von Text in Textform um bis zu 200 % ohne Verlust von Inhalt oder Funktionalität.
• Vermeiden Sie, dass Benutzer in zwei Dimensionen scrollen müssen.
• Abstand:
  • Zeilenabstand: 1,5 oder mehr
  • Absatzabstand am Ende: 2 x Schriftgröße oder mehr
  • Buchstabenabstand: 0,12 oder mehr
  • Wortabstand: 0,16 x Schriftart oder mehr
• Machen Sie Hover-Inhalte verwerfbar, Hover-fähig und dauerhaft.

Zurück nach oben

Grundsatz 2 – Eine Website und ihre Navigation müssen bedienbar sein

Webinhalte per Maus und Tastatur zugänglich machen:

• Stellen Sie alle Inhalte und Funktionen sowohl mit einer Tastatur als auch mit einer Maus zur Verfügung.
• Freie Bewegung des Tastaturfokus mit Tastatur und Maus zulassen.
• Verknüpfungen können aktiviert oder deaktiviert, neu zugeordnet oder nur beim Fokus aktiviert werden.

Geben Sie den Benutzern genügend Zeit, um Inhalte zu lesen und zu verwenden:

• Haben Sie die Möglichkeit, jedes Zeitlimit , das durch den Inhalt festgelegt wird, auszuschalten, anzupassen oder zu verlängern.
• Geben Sie dem Benutzer eine Warnung über das Ende des Zeitlimits.
• Anhalten, Stoppen oder Ausblenden von sich bewegenden, blinkenden, scrollenden oder sich automatisch aktualisierenden Informationen.

Gestalten Sie Inhalte, die keine Anfälle oder körperliche Reaktionen hervorrufen:

• Elemente blinken weniger als dreimal pro Sekunde oder stellen Sie sicher, dass der Blitz unter den allgemeinen Schwellenwerten für Blitze und rote Blitze liegt.
• Fügen Sie eine Option hinzu, um unnötige Animationen zu deaktivieren .

Bieten Sie Möglichkeiten, um Benutzern beim Navigieren, Finden von Inhalten und Ermitteln ihres Standorts zu helfen:

• Fügen Sie eine Option hinzu, um Blöcke mit sich wiederholenden Inhalten zu umgehen .
• Stellen Sie sicher, dass Webseiten genau aussagekräftige Titel haben .
• Stellen Sie sicher , dass fokussierbare Komponenten Bedeutung und Bedienbarkeit bewahren.
• Stellen Sie sicher, dass jeder Link aus dem genauen Linktext oder -kontext bestimmt werden kann.
• Stellen Sie sicher, dass mehrere Webseiten-Standortoptionen innerhalb einer Website vorhanden sind (außer wenn die Webseite das Ergebnis oder ein Schritt in einem Prozess ist).
• Stellen Sie sicher, dass die Tastaturfokusanzeige sichtbar ist.

Erleichtern Sie Benutzern die Bedienung von Funktionen durch mehrere Eingaben über die Tastatur hinaus:

• Mehrpunkt- oder pfadbasierte Zeigergesten können mit einem einzigen Zeiger ohne pfadbasierte Geste bedient werden.
• Textetiketten von Textbildern sollten den Text enthalten, der visuell dargestellt wird.
• Geräte- oder Benutzerbewegungsfunktionalität kann auch durch andere Benutzerschnittstellenkomponenten betrieben werden.

Zurück nach oben

Prinzip 3 – Verständlich

Informationen und die Bedienung der Benutzeroberfläche müssen verständlich sein.

Textinhalte lesbar und verständlich machen:

• Die voreingestellte menschliche Sprache jeder Webseite kann durch den Benutzer geändert werden.
• Die menschliche Sprache jeder Passage oder Phrase im Inhalt kann übersetzt werden (mit Ausnahme von Namen, Jargon und Slang).

Lassen Sie Webseiten auf vorhersehbare Weise erscheinen und funktionieren:

• Komponenten der Benutzeroberfläche initiieren keine Kontextänderung, wenn sie den Fokus erhalten.
• Das Ändern von Elementeinstellungen führt nicht automatisch zu einer nicht spezifizierten Änderung des Kontexts.
• Navigationsmechanismen , die auf mehreren Webseiten innerhalb einer Website wiederholt werden, treten jedes Mal in der gleichen relativen Reihenfolge auf, es sei denn, eine Änderung wird vom Benutzer initiiert.
• Komponenten, die in einer Website die gleiche Funktionalität haben, werden einheitlich gekennzeichnet.

Eingabehilfen: Helfen Sie Benutzern, Fehler zu vermeiden und zu korrigieren:

• Identifizieren und beschreiben Sie dem Benutzer alle automatisch erkannten Fehler.
• Stellen Sie Labels oder Anweisungen bereit, wenn der Inhalt Benutzereingaben erfordert.
• Eingabefehler werden automatisch erkannt und Korrekturvorschläge gemacht, es sei denn, sie gefährden die Sicherheit oder den Zweck der Inhalte.
• Rechts- oder Finanztransaktionen sind reversibel, werden überprüft und bestätigt, bevor sie abgeschlossen werden.

Zurück nach oben

Prinzip 4 – Robust

Inhalte müssen robust genug sein, dass sie von einer Vielzahl von Benutzeragenten, einschließlich unterstützender Technologien, interpretiert werden können.

Maximieren Sie die Kompatibilität mit aktuellen und zukünftigen Benutzeragenten, einschließlich Hilfstechnologien:

• Markup-Elemente sollten –
  • vollständige Start- und End-Tags haben;
  • gemäß ihren Spezifikationen verschachtelt werden;
  • keine doppelten Attribute enthalten;
• IDs sollten eindeutig sein, es sei denn, die Spezifikationen erlauben diese Funktionen.
• Von Skripten generierte Formularelemente, Links und Komponenten sollten automatisch generiert werden können.
• Zustände, Eigenschaften und Werte sollten programmgesteuert oder manuell festgelegt werden können.
• Benachrichtigungen über Änderungen an diesen Elementen sollten für Benutzeragenten verfügbar sein, einschließlich unterstützender Technologien.
• In Inhalten, die unter Verwendung von Auszeichnungssprachen implementiert werden, sollten Statusmeldungen programmgesteuert so bestimmt werden können, dass sie dem Benutzer durch unterstützende Technologien präsentiert werden können, ohne Fokus zu erhalten.

Dies ist eine kurze Zusammenfassung der Zugänglichkeitsoptionen, die uns bei Jezweb zur Verfügung stehen. Einige sind A-Level-konform und andere AA, aber alle sind erreichbar, wenn sie frühzeitig in die Webdesign- und Copywriting-Prozesse geschrieben werden. Es ist viel schneller und einfacher, Barrierefreiheit in einem frühen Stadium einzuschreiben, als bestehende Arbeiten zu ändern.

Zurück nach oben

7. Wann ist es vertretbar, die WCAG nicht einzuhalten?

Es gibt vereinbarte Grenzen für die Erstellung barrierefreier Websites, wie von der australischen Menschenrechtskommission festgelegt. Im Sinne des Disability Discrimination Act (1992) werden in einigen (aber nicht allen) Umständen die Verpflichtungen nach dem DDA, gleichen Zugang zu gewähren, durch das Konzept der ungerechtfertigten Härte begrenzt.

Mit anderen Worten, wenn ein Unternehmen die Zeit oder das Geld nicht aufbringen kann, um einige spezifische Zugänglichkeitselemente zu verbessern, und es dies nachweisen kann , dann kann es einen Grund geben, diese Elemente nicht aufzunehmen. Ansonsten liegt es an uns als Unternehmen und als Einzelpersonen, unsere Inhalte für alle so zugänglich wie möglich zu machen.

Für weitere Informationen zum Rechtsfall – wobei zu beachten ist, dass dieser Link keine Rechtsberatung, sondern nur allgemeine Informationen darstellt – klicken Sie auf humanrights.gov.au/our-work/disability-rights/world-wide-web-access-disability-Discrimination -Handlungshinweise-ver#whatis

Zurück nach oben

8. Testen der Webzugänglichkeit

Wir können unsere Web-Zugänglichkeitsstufen auf zwei Arten testen:

• Web Accessibility Tools (Für Web-Accessibility-Tool-Prozesse wenden Sie sich einfach an Ihren Vorgesetzten)
• Manuelle Audits (Menschliche Überprüfung – siehe unten)

Wenn Sie eine Website oder Webanwendung entwickeln oder umgestalten, sollten Sie die Zugänglichkeit frühzeitig und während des gesamten Entwicklungsprozesses bewerten, um Probleme mit der Zugänglichkeit frühzeitig zu erkennen, wenn es einfacher ist, sie zu beheben. Es gibt Bewertungstools, die bei der Bewertung helfen. Allerdings kann kein Tool allein feststellen, ob eine Website Barrierefreiheitsstandards erfüllt. Um festzustellen, ob eine Website zugänglich ist, ist eine sachkundige menschliche Bewertung erforderlich. (W3C-Website, 9. April 2021)

Zurück nach oben

9. 6 einfache Möglichkeiten zum manuellen Testen der Webzugänglichkeit

Menschliche Tests können durchgeführt werden, indem eine Website manuell auf die Einhaltung der WCAG (Web Content Accessibility Guidelines der Web Accessibility Initiative, falls Sie vergessen haben, was das bedeutet!) überprüft wird.

Die Details der WCAG sind dicht. Menschen haben ganze Karrieren darauf verwendet, es zu verstehen, aber es gibt einige einfache Dinge, die Sie tun können, um die Zugänglichkeit Ihrer Arbeit zu testen:

1. Trennen Sie Ihre Maus und/oder schalten Sie Ihr Trackpad aus

Interagieren Sie mit der Website nur mit TAB oder UMSCHALT+TAB. um zu navigieren und ENTER, um einem Link zu folgen.

• Können Sie mit allen Steuerelementen, Links und Menüs nur über die Tastatur interagieren?
• Können Sie jederzeit sehen, welches Element den Fokus hat?
• Stimmt die visuelle Fokusreihenfolge mit der beabsichtigten Interaktionsreihenfolge überein?

2. Schalten Sie den Hochkontrastmodus ein – Dadurch werden auch Farben auf der Website entfernt.

Laut der WebAIM-Umfrage unter Benutzern mit Sehbehinderung geben 30 % der Befragten an, dass sie Modi mit hohem Kontrast verwendet haben.

• Können Sie jedes Element auf der Seite leicht anzeigen?
• Können Sie auf der Website navigieren?
• Können Sie alle Textelemente lesen und verstehen?

3. Deaktivieren Sie Bilder in den Browsereinstellungen.

• Ist der Inhalt sinnvoll?
• Wird der Inhalt schwerer verständlich?
• Fehlt jetzt irgendein Inhalt?
• Verschwinden wichtige Bedienelemente?

4. Suchen Sie nach Untertiteln oder Transkripten

• Gibt es Untertitel direkt im Video oder gibt es ein Steuerelement im Player, das Untertitel ein- und ausschaltet?
• Gibt es eine alternative Version mit Audiodeskription oder ein Steuerelement im Player, das die Audiodeskription ein- und ausschaltet?
• Gibt es bei Videos mit vielen Dialogen ein Texttranskript auf der Seite oder einen Link in der Nähe des Videoplayers, der zu einem Transkript führt?

Andere Anforderungen bestehen für reine Video- und reine Audioszenarien, aber die oben genannten decken die meisten Medien auf den meisten Websites ab.

Hinweis: Nicht nur die Medieninhalte selbst sollten zugänglich sein, sondern auch der Player. Suchen Sie nach einem zukünftigen Blogbeitrag zur Barrierefreiheit von Media Playern.

5. Klicken Sie auf Feldbeschriftungen

Achten Sie auf fehlende oder unvollständige Beschriftung, ineffektive Fehlerbehandlung und schlechte Fokuskontrolle.

Klicken Sie auf die Textbeschriftung neben dem Feld:

• Wenn Sie auf die Beschriftung neben einer Texteingabe oder einem Textbereich klicken, geht der Cursor in das Feld?
• Wenn Sie auf die Bezeichnung neben einem Optionsfeld oder Kontrollkästchen klicken, wird dadurch die benachbarte Option ausgewählt?
• Wenn Sie auf die Beschriftung neben einem SELECT-Element klicken, konzentriert sich diese Stelle auf das SELECT?

Hinweis: Es sollte eine Eins-zu-Eins-Beziehung zwischen dem Etikett und der Kontrolle bestehen.

6. Deaktivieren Sie CSS in den Browsereinstellungen. Hintergrundbilder verschwinden

• Sind wichtige Inhalte verschwunden oder sind Steuerelemente, Symbole oder andere umsetzbare Elemente verschwunden?
• Ist es jetzt schwierig, Dinge wie Fehlermeldungen oder andere zuvor visuelle Hinweise zu verstehen?
• Werden die Inhalte noch in einer vernünftigen, leicht verständlichen Reihenfolge angezeigt?
• Bleibt eine Farbe, einschließlich der Hintergrundfarbe, erhalten?
• Bleiben Textdarstellungsstile erhalten?

Das Befolgen dieser einfachen Richtlinien ist ein großartiges Sprungbrett, aber nur ein sehr einfacher Überblick. Genauere Informationen sollten Sie immer den WCAG entnehmen.

Zurück nach oben

So stellen Sie sicher, dass Sie ein Verbündeter für Menschen mit unterschiedlichen Fähigkeiten sind

Fragen Sie nach einem Website-Audit und nehmen Sie die daraus resultierenden Empfehlungen an Bord. Jezweb verfügt über ein Team von sehr erfahrenen Website-Entwicklern und -Designern, die Erfahrung mit barrierefreien Websites haben und persönlich leidenschaftlich daran interessiert sind, sie im Zuge der technologischen Entwicklung noch besser zu machen. Für weitere Informationen zu bestimmten Website-Funktionalitäten oder Fragen wenden Sie sich für ein Gespräch an unser Team.