Informationen zur Barrierefreiheit

Welche Tools werden häufig verwendet, um Menschen mit Behinderung die Nutzung des Internets zu erleichtern?

Wählen Sie so viele Antworten, wie Sie für richtig halten.

Braille-Ausgabegeräte

Screenreader

Dockingstationen

Betriebssystemeinstellungen

Wie lässt sich eine Änderung im Web effektiv umsetzen?

Wählen Sie so viele Antworten, wie Sie für richtig halten.

Beschweren Sie sich in den sozialen Medien.

Klage einreichen

Wenden Sie sich direkt an die Entwickler eines Unternehmens.

Was ist die höchste Stufe der WCAG-Standards?

AAA-Konformitätsstufe

A-Level

EINZELN

Was sind Beispiele für bedienbare Elemente?

Wählen Sie so viele Antworten, wie Sie für richtig halten.

Alle Videos haben Steuerelemente.

Nutzer haben genügend Zeit, ein Formular auszufüllen.

Alle aktiven Elemente werden über Tastatur und Touchscreen unterstützt.

Es wird eine einfache Sprache verwendet.

Welche der folgenden Vorgehensweisen ist die Best Practice für das Erstellen einer barrierefreien Schaltfläche?

<div id="saveChanges" aria-role="button" aria-pressed="false" tabindex="0">Go to shop</div>

<a id="saveChanges" aria-label="Some awesome article title">Go to shop</a>

<button id="saveChanges" type="button">Go to shop</button>

Ihre Website ist ein mehrsprachiges Onlinelehrbuch, in dem mehrere Sprachen auf einer Seite angezeigt werden. Wie teilt man Hilfstechnologien am besten die Sprache des Texts mit?

Legen Sie eine primäre lang für die <html> und zusätzliche Sprachen für Elemente fest, die Inhalte in einer anderen Sprache enthalten.

Keine Sorge, die AT kann jede Sprache automatisch lesen.

Fügen Sie alle Sprachen in das <html>-Element ein. Beispiel: <html lang="en,lt,pl,pt">

Welches Beispiel für den CSS-Stil `:focus` ist auf einem weißen Hintergrund am besten zugänglich?

outline: 0.5rem solid yellow;

background-color:black;

outline: none; text-decoration:none; background:none;

text-decoration: dotted underline 2px blue;

Welchen Zweck hat ein Sprunglink?

Tastaturnutzern helfen, redundante oder unnütze Linkgruppen zu überspringen.

Tastaturnutzern helfen, uninteressante Inhalte zu überspringen

Wie kann ich den Stil eines Elements am besten mit JavaScript ändern?

Verwenden Sie JavaScript, um die Klasse eines Elements umzuschalten, und fügen Sie den Stil in Ihr CSS-Stylesheet ein.

Mit JavaScript können Sie dynamische Formatierungen direkt auf ein HTML-Element anwenden.

Können alle JavaScript-Aktionen von Tastaturnutzern ausgeführt werden?

Ja, alle Aktionen unterstützen automatisch Tastaturnutzer.

Ja, aber möglicherweise müssen Sie dafür zusätzliche Schritte ausführen.

Nein, Sie können Tastaturnutzer nur mit semantischem HTML unterstützen.

Wie können Sie komplexe Bilder zugänglich machen?

Wählen Sie so viele Antworten, wie Sie für richtig halten.

Fügen Sie später im Artikel eine Erklärung hinzu.

Fügen Sie einen ausführlichen Alt-Text mit einer vollständigen Beschreibung hinzu.

Fügen Sie dem Bild das Attribut aria-describedby hinzu.

Verwenden Sie einen Link für längere Erklärungen.

Die Farbe allein reicht nicht aus, um die Dokumentation zu identifizieren. Was kann Lesern noch helfen, UI-Elemente zu identifizieren?

Muster

Text

Symbol

Alle Antworten sind richtig.

Was können wir entwickeln, das die Betriebssystemeinstellungen für Bewegung widerspiegelt?

@prefers-reduced-motion

JavaScript-Umschalter

Für gut lesbaren Text sollte ich immer einen hohen Kontrast zwischen Text und Hintergrund verwenden.

Falsch

Wahr

Welche Schriftarten sind am besten für die Barrierefreiheit geeignet?

Barrierefreie Schriftarten.

Systemschriftarten wie Arial und Verdana.

Ist nicht schlimm.

Welche der folgenden Eingaben ist am barrierefreiesten?

<label>Email address (required): <input type="email" required aria-describedby="email-validation"> <span id="email-validation" class="validation-message">Please provide a valid email address using the format name@place.com</span></label>

Email address: <input type="email" required>

<label>Email address: <input type="email" required></label>

<label>Email address: <input type="email" required autocomplete="email"></label>

Bleiben zugängliche Komponenten immer für Nutzer zugänglich?

Nein, Sie müssen Ihre Komponenten zuerst testen.

Ja, Sie können diese Komponenten ohne zusätzlichen Aufwand verwenden.

Welche Tests sollten Sie durchführen, um sicherzustellen, dass Ihre Website barrierefrei ist?

Wählen Sie so viele Antworten, wie Sie für richtig halten.

Automatisierte Tests

Manuelle Tests

Nutzungstests

Tests von Hilfstechnologien

Bewertungstests.

Welche Fehler werden bei automatisierten Tests erkannt?

Wählen Sie so viele Antworten, wie Sie für richtig halten.

Inklusive Sprache

Fehlender Alt-Text

Probleme mit dem Farbkontrast

Beschreibende Formularlabels

ARIA-Fehler

Welche Elemente müssen die WCAG-Standards für Farbkontrast erfüllen?

Symbole

Überschriften

Text

Alle oben aufgeführten Antworten

Welcher Screenreader eignet sich am besten zum Testen der Barrierefreiheit?

Es gibt keine

JAWS

VoiceOver

Orca

Was ist der Zweck von Tests mit Hilfstechnologien?

Um Ihre Website oder App auf Fehler zu testen.

Um dasselbe zu erleben wie Menschen, die Hilfstechnologien verwenden.

Welche Tools werden häufig verwendet, um Menschen mit Behinderung die Nutzung des Internets zu erleichtern?

Wie lässt sich eine Änderung im Web effektiv umsetzen?

Was ist die höchste Stufe der WCAG-Standards?

Was sind Beispiele für bedienbare Elemente?

Welche der folgenden Vorgehensweisen ist die Best Practice für das Erstellen einer barrierefreien Schaltfläche?

Ihre Website ist ein mehrsprachiges Onlinelehrbuch, in dem mehrere Sprachen auf einer Seite angezeigt werden. Wie teilt man Hilfstechnologien am besten die Sprache des Texts mit?

Welches Beispiel für den CSS-Stil :focus ist auf einem weißen Hintergrund am besten zugänglich?

Welchen Zweck hat ein Sprunglink?

Wie kann ich den Stil eines Elements am besten mit JavaScript ändern?

Können alle JavaScript-Aktionen von Tastaturnutzern ausgeführt werden?

Wie können Sie komplexe Bilder zugänglich machen?

Die Farbe allein reicht nicht aus, um die Dokumentation zu identifizieren. Was kann Lesern noch helfen, UI-Elemente zu identifizieren?

Was können wir entwickeln, das die Betriebssystemeinstellungen für Bewegung widerspiegelt?

Für gut lesbaren Text sollte ich immer einen hohen Kontrast zwischen Text und Hintergrund verwenden.

Welche Schriftarten sind am besten für die Barrierefreiheit geeignet?

Welche der folgenden Eingaben ist am barrierefreiesten?

Bleiben zugängliche Komponenten immer für Nutzer zugänglich?

Welche Tests sollten Sie durchführen, um sicherzustellen, dass Ihre Website barrierefrei ist?

Welche Fehler werden bei automatisierten Tests erkannt?

Welche Elemente müssen die WCAG-Standards für Farbkontrast erfüllen?

Welcher Screenreader eignet sich am besten zum Testen der Barrierefreiheit?

Was ist der Zweck von Tests mit Hilfstechnologien?

Welches Beispiel für den CSS-Stil `:focus` ist auf einem weißen Hintergrund am besten zugänglich?