Google uses AI technology to translate content into your preferred language. AI translations can contain errors. Ressourcen Bedienungshilfen Mit Sammlungen den Überblick behalten Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren. Informationen zur Barrierefreiheit Zurück zum Lernpfad 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. Antworten senden error_outline Beim Bewerten des Quiz ist ein Fehler aufgetreten. Bitte versuchen Sie es noch einmal. Zurück arrow_back Fazit und nächste Schritte Weiter Glossar arrow_forward
