Barrierefreiheit im UX-Design: Quiz für barrierefreie Designs

Question 1

Welche Best Practices sind bei der Gestaltung einer barrierefreien Navigation für Nutzer von Tastaturen und Bildschirmlesegeräten zu beachten?

Accepted Answer

Visuelle Hinweise mit Textalternativen ergänzen

Accepted Answer

Eine klare und logische Struktur schaffen

Accepted Answer

Link-Texte verwenden, die das Ziel eindeutig beschreiben

Answer

JavaScript-basierte Menüs verwenden

Question 2

Welche ethischen Bedenken ergeben sich aus der Missachtung von Barrierefreiheitsrichtlinien und wie wirkt sich dies auf die Nutzererfahrung aus?

Accepted Answer

Die Missachtung von Barrierefreiheitsrichtlinien kann Menschen mit Behinderungen den Zugang zu Informationen und Diensten verwehren.

Answer

Barrierefreiheitsrichtlinien gelten nur für Websites und Anwendungen von Behörden.

Answer

Die Nichteinhaltung von Barrierefreiheitsrichtlinien hat keine rechtlichen Konsequenzen.

Question 3

Welche gesetzliche Vorgabe in Deutschland verpflichtet öffentliche Stellen zur Barrierefreiheit ihrer Websites und Apps?

Accepted Answer

Barrierefreie-Websites-Gesetz (BfWebG)

Answer

Bundesteilhabegesetz (BTHG)

Answer

Web Content Accessibility Guidelines (WCAG 2.1)

Answer

Landesgleichstellungsgesetze

Question 4

Welches Prinzip ist KEIN Grundsatz der Barrierefreiheit?

Accepted Answer

Ästhetisch ansprechend

Answer

Wahrnehmbar

Answer

Bedienbar

Answer

Robust

Question 5

Was ist der Hauptzweck eines ARIA-Labels?

Accepted Answer

Unsichtbare Inhalte für assistive Technologien sichtbar machen

Answer

Optische Effekte hinzufügen

Answer

Größenverhältnis von Elementen ändern

Question 6

Welche Technik ermöglicht die Navigation einer Website ausschließlich mit der Tastatur?

Accepted Answer

Tab-Index

Answer

Hover-Effekt

Answer

Mouse-Over

Answer

Drag-and-Drop

Question 7

Welche Abkürzung steht für die Richtlinien zur Barrierefreiheit von Webinhalten?

Accepted Answer

WCAG

Answer

WAI

Answer

W3C

Question 8

Welchen Zweck haben semantische HTML-Elemente?

Accepted Answer

Sie beschreiben die Bedeutung und den Kontext von Inhalten

Answer

Sie dienen ausschließlich der visuellen Gestaltung

Answer

Sie können nur von Browsern interpretiert werden

Question 9

Welches ist ein Vorteil der Verwendung beschreibender Linktexte?

Accepted Answer

Sie verbessern die Barrierefreiheit für Screenreader-Nutzer

Answer

Sie reduzieren die Ladezeit der Seite

Answer

Sie machen Links optisch auffälliger

Question 10

Was ist das primäre Ziel eines Accessibility Statements?

Accepted Answer

Informationen zur Barrierefreiheit einer Website bereitstellen

Answer

Rechtliche Anforderungen erfüllen

Answer

Fehler auf der Website melden

Question 11

Welche Testmethode ist für eine umfassende Bewertung der Barrierefreiheit einer Website geeignet?

Accepted Answer

Kombination aus automatischen und manuellen Tests

Answer

Ausschließlich manuelle Tests

Answer

Es gibt keine geeignete Testmethode

Answer

Ausschließlich automatische Tests

Question 12

Welches Prinzip der Barrierefreiheit gewährleistet den Zugang zu Inhalten ohne visuelle Darstellung?

Accepted Answer

Alternativtexte

Answer

Großschrift

Answer

Farbkontrast

Answer

Untertitel

Question 13

Welche WCAG-Richtlinie bezieht sich auf die Bedienbarkeit von Benutzeroberflächen mit Tastatur und anderen Hilfsmitteln?

Accepted Answer

2.1 Tastaturbedienbarkeit

Answer

1.1 Wahrnehmbarkeit

Answer

4.1 Robustheit

Answer

3.1 Verständlichkeit

Question 14

Nennen Sie ein Tool zur automatischen Überprüfung der Barrierefreiheit von Websites.

Accepted Answer

WAVE

Answer

Figma

Answer

Dreamweaver

Answer

Photoshop

Question 15

Wozu dienen ARIA-Attribute bei der Verbesserung der Barrierefreiheit?

Accepted Answer

Bereitstellung semantischer Informationen für assistierende Technologien

Answer

Visuelle Hervorhebung von Elementen

Question 16

Welche Behinderungsart erschwert die Verwendung des Mauszeigers?

Accepted Answer

Motorische Behinderungen

Answer

Sehbehinderungen

Answer

Hörbehinderungen

Answer

Kognitive Behinderungen

Question 17

Welche Designpraxis verbessert die Zugänglichkeit für Menschen mit kognitiven Einschränkungen?

Accepted Answer

Verwendung prägnanter und einfacher Sprache

Answer

Verwendung einer kleinen Schriftgröße

Answer

Einsatz von Flash-Animationen

Answer

Bereitstellung zahlreicher visueller Elemente

Question 18

Welches Testverfahren eignet sich besonders für die Bewertung der Barrierefreiheit von Prototypen?

Accepted Answer

Heuristische Bewertung

Answer

Anwenderakzeptanztest

Answer

Automatische Prüfung

Answer

Konformitätsprüfung

Question 19

Welche der folgenden Aussagen beschreibt das Ziel der Barrierefreiheit am treffendsten?

Accepted Answer

Die Schaffung von Umgebungen, die für alle Benutzer, unabhängig von ihren Fähigkeiten, zugänglich sind.

Answer

Die Befolgung gesetzlicher Vorschriften.

Answer

Die Verbesserung der Ästhetik von Designs.

Question 20

Welches der Barrierefreiheitsprinzipien gewährleistet, dass Nutzer Informationen auch ohne visuelle Wahrnehmung wahrnehmen können?

Accepted Answer

Alternative Texte

Answer

Skalierbare Schriftgrößen

Answer

Tastaturnavigation

Answer

Farbkontrast

Question 21

Welches Tool eignet sich am besten zur Prüfung der Barrierefreiheit von Webseiten?

Accepted Answer

Wave

Answer

Google Analytics

Answer

Photoshop

Question 22

Welche der folgenden Farbkombinationen erfüllt die WCAG-Richtlinien für ausreichenden Farbkontrast?

Accepted Answer

Schwarz und Weiß

Answer

Gelb und Lila

Answer

Blau und Orange

Answer

Rot und Grün

Question 23

Welche Technik erlaubt es sehbehinderten Nutzern, Inhalte mit einem Bildschirmleser zu lesen?

Accepted Answer

ARIA-Attribute

Answer

JavaScript-Ereignishandler

Answer

CSS-Animationen

Answer

SVG-Grafiken

Question 24

Was ist der Zweck einer Tastaturfalle?

Accepted Answer

Verhindert, dass der Fokus die Tastatursicht verlässt.

Answer

Erhöht die Geschwindigkeit der Tastaturnavigation.

Answer

Verbessert die Sichtbarkeit von Fokusindikatoren.

Question 25

Welcher Vorteil ergibt sich aus der Verwendung von ARIA-Landmark-Rollen?

Accepted Answer

Sie helfen Bildschirmlesegeräten, die Seitenstruktur zu verstehen.

Answer

Sie verbessern die visuelle Ästhetik.

Answer

Sie reduzieren die Ladezeit der Seite.

Question 26

Welche Aussage beschreibt einen wichtigen Aspekt der kognitiven Barrierefreiheit?

Accepted Answer

Verwendung einfacher und verständlicher Sprache.

Answer

Einhaltung der Anforderungen an den Farbkontrast.

Answer

Bereitstellung von Alternativen zu Textinhalten.

Question 27

Welches der folgenden Beispiele stellt KEINE barrierefreie Designpraxis dar?

Accepted Answer

Verwenden Sie ausschließlich farbcodierte Elemente, um wichtige Informationen zu vermitteln.

Answer

Bieten Sie für alle Bilder und Grafiken Textalternativen an.

Answer

Gestalten Sie Formulare mit klaren Beschriftungen und leicht verständlichen Anweisungen.

Question 28

Was ist der Zweck von ARIA-Attributen (Accessible Rich Internet Applications) in Bezug auf Barrierefreiheit?

Accepted Answer

Sie bieten zusätzliche semantische Informationen für unterstützende Technologien wie Bildschirmleser.

Answer

Sie verbessern die visuelle Ästhetik einer Webseite für alle Benutzer.

Question 29

Welches der vier Prinzipien der Barrierefreiheit gemäß den WCAG (Web Content Accessibility Guidelines) bezieht sich auf die einfache Wahrnehmbarkeit von Informationen für alle Nutzer?

Accepted Answer

Wahrnehmbarkeit

Answer

Verständlichkeit

Answer

Robustheit

Answer

Bedienbarkeit

Question 30

Welche der folgenden Maßnahmen ist NICHT hilfreich, um ein Formular barrierefrei zu gestalten?

Accepted Answer

Verwenden Sie Platzhaltertext anstelle von Beschriftungen für Eingabefelder.

Answer

Geben Sie hilfreiche Anweisungen und Fehlermeldungen für jedes Feld an.

Answer

Verwenden Sie klare und aussagekräftige Beschriftungen für jedes Eingabefeld.

Answer

Stellen Sie sicher, dass Beschriftungen mit den entsprechenden Eingabefeldern verknüpft sind.

Question 31

Welche Aussage über Farbkontrast im Kontext der Barrierefreiheit ist am zutreffendsten?

Accepted Answer

Ein ausreichender Farbkontrast zwischen Text und Hintergrund ist wichtig für Nutzer mit Sehbehinderungen, um Inhalte besser wahrnehmen zu können.

Answer

Ein geringer Farbkontrast ist optisch ansprechender und sollte daher bevorzugt werden.

Answer

Farbkontrast spielt keine Rolle für die Barrierefreiheit.

Answer

Farbkontrast ist nur relevant für Nutzer mit Farbenblindheit.

Question 32

Welche Vorgehensweise ist am besten geeignet, um Bilder barrierefrei zu gestalten?

Accepted Answer

Verwenden Sie beschreibende ALT-Texte, die den Inhalt und Zweck des Bildes klar und prägnant vermitteln.

Answer

Verwenden Sie keine ALT-Texte, da sie die Ladezeiten der Webseite erhöhen.

Answer

Verwenden Sie lange und detaillierte ALT-Texte, um möglichst viele Details zu erfassen.

Answer

Verlassen Sie sich ausschließlich auf den Dateinamen des Bildes, um seinen Inhalt zu beschreiben.

Question 33

Was ist der Unterschied zwischen Untertiteln und Transkripten in Bezug auf die Barrierefreiheit?

Accepted Answer

Untertitel sind synchronisierte Textelemente, die während der Audiowiedergabe angezeigt werden, während Transkripte schriftliche Aufzeichnungen des gesprochenen Wortes sind.

Answer

Untertitel sind nur für hörgeschädigte Menschen relevant, Transkripte für alle.

Answer

Transkripte sind nur für hörgeschädigte Menschen relevant, Untertitel für alle.

Answer

Untertitel und Transkripte sind dasselbe.

Question 34

Welches Prinzip der Barrierefreiheit stellt sicher, dass Inhalte auch für Menschen mit eingeschränkter Wahrnehmung zugänglich sind?

Accepted Answer

Wahrnehmbarkeit

Answer

Bedienbarkeit

Answer

Verständlichkeit

Answer

Robustheit

Question 35

Welche Eigenschaft zeichnet ein barrierefreies Design aus?

Accepted Answer

Es ist gleichermaßen zugänglich für alle Nutzer, unabhängig von ihren Fähigkeiten.

Answer

Es ist nicht für alle Nutzer zugänglich.

Answer

Es ist nur für eine bestimmte Zielgruppe konzipiert.

Answer

Es ist ausschließlich für Menschen mit Behinderungen konzipiert.

Question 36

Welches Format eignet sich am besten für die barrierefreie Bereitstellung von grafischen Inhalten?

Accepted Answer

SVG

Answer

PNG

Answer

JPEG

Answer

GIF

Question 37

Welche Methode kann verwendet werden, um Formulare barrierefrei zu gestalten?

Accepted Answer

Eindeutige und aussagekräftige Beschriftung aller Felder

Answer

Verwendung von Platzhaltertext anstelle von Beschriftungen.

Answer

Verzicht auf Fehlermeldungen

Answer

Verwendung von mehrfarbigem Text

Question 38

Welches Tool kann verwendet werden, um die Barrierefreiheit einer Website zu überprüfen?

Accepted Answer

WAVE

Answer

Photoshop

Answer

Dreamweaver

Answer

Notepad++

Question 39

Welche der folgenden Farben ist für Menschen mit Rot-Grün-Schwäche am besten geeignet?

Accepted Answer

Blau

Answer

Grün

Answer

Rot

Answer

Gelb

Question 40

Welcher der folgenden Ansätze ist am besten geeignet für die Gestaltung barrierefreier Inhalte?

Accepted Answer

Inklusives Design

Answer

Reaktives Design

Answer

Responsves Design

Answer

Adaptives Design

Question 41

Welche der folgenden Aussagen beschreibt am besten das Prinzip der "wahrnehmbaren" Barrierefreiheit?

Accepted Answer

Die Inhalte und Benutzeroberflächen sind so gestaltet, dass sie von Menschen mit unterschiedlichen sensorischen Fähigkeiten wahrgenommen werden können.

Answer

Die Website ist so konzipiert, dass sie auf allen Geräten einwandfrei funktioniert.

Question 42

Welche der folgenden Technologien unterstützt die barrierefreie Nutzung von Websites für Menschen mit Sehbehinderungen?

Accepted Answer

Bildbeschreibungen (alt-Texte)

Answer

Komplexe Animationen

Answer

Pop-ups und Banner

Question 43

Sie erstellen eine mobile App. Welche Funktion würden Sie hinzufügen, um die Bedienung für Menschen mit motorischen Einschränkungen zu erleichtern?

Accepted Answer

Voice-over-Steuerung

Answer

Schnell blinkende Animationen

Answer

Komplizierte Gestensteuerung

Answer

Verwenden von ausschließlich kleinen Schaltflächen

Question 44

Welche Aussage zu Farbkontrasten ist im Hinblick auf Barrierefreiheit korrekt?

Accepted Answer

Ein hoher Kontrast zwischen Text und Hintergrund erleichtert das Lesen für Menschen mit Sehbehinderungen.

Answer

Farbkontraste sind nur für ästhetische Zwecke relevant.

Question 45

Welche der folgenden Punkte ist KEIN wichtiger Aspekt der Barrierefreiheit?

Accepted Answer

Die Verwendung von ausschließlich trendigen Schriftarten.

Answer

Die Bereitstellung von alternativen Eingabemethoden.

Answer

Die Verwendung von verständlicher Sprache.

Question 46

Wie können Sie sicherstellen, dass Ihre Website für Menschen mit kognitiven Einschränkungen zugänglich ist?

Accepted Answer

Verwenden Sie klare und einfache Sprache, strukturieren Sie Inhalte sinnvoll und bieten Sie Möglichkeiten zur Anpassung der Darstellung.

Answer

Verwenden Sie möglichst viele Animationen und visuelle Effekte.

Question 47

Was ist das Ziel des WCAG (Web Content Accessibility Guidelines)?

Accepted Answer

Die Bereitstellung von Richtlinien und Standards für die Gestaltung barrierefreier Websites und Webanwendungen.

Answer

Die Entwicklung neuer Technologien für die Barrierefreiheit.

Question 48

Welche der folgenden Tools hilft Ihnen bei der Überprüfung der Barrierefreiheit Ihrer Website?

Accepted Answer

Accessibility-Audits und -Scanner

Answer

SEO-Tools

Answer

Projektmanagement-Software

Answer

Social-Media-Analytics-Tools

Question 49

Welche der folgenden Aussagen über die Bedeutung der Barrierefreiheit ist am zutreffendsten?

Accepted Answer

Barrierefreiheit erhöht die Inklusion und ermöglicht allen Menschen die gleichberechtigte Nutzung von digitalen Produkten und Dienstleistungen.

Answer

Barrierefreiheit ist nur für Unternehmen relevant, die gesetzliche Vorgaben erfüllen müssen.

Question 50

Sie erstellen eine Website für ein Museum. Welche der folgenden Maßnahmen würden Sie ergreifen, um die Barrierefreiheit für Menschen mit Hörbehinderungen zu verbessern?

Accepted Answer

Untertitel für Videos hinzufügen und alternative Audiobeschreibungen für interaktive Elemente bereitstellen.

Answer

Verwenden Sie ausschließlich blinkende Animationen.

Question 51

Welche der folgenden Aussagen beschreibt am besten das Konzept der 'Barrierefreiheit' im Kontext von UX-Design?

Accepted Answer

Barrierefreiheit bedeutet, dass Designs für alle Benutzer zugänglich sind, unabhängig von ihren Fähigkeiten oder Einschränkungen.

Answer

Barrierefreiheit bezieht sich ausschließlich auf die Anpassung von Designs für Menschen mit Sehbehinderungen.

Question 52

Welche der folgenden Richtlinien ist KEINE gängige Richtlinie für barrierefreies Design?

Accepted Answer

Verwendung von ausschließlich animierten Grafiken zur Darstellung von Informationen.

Answer

Verwendung von ausreichend großem Text und Kontrast.

Answer

Bereitstellung von Alternativtexten für Bilder.

Question 53

Welches Tool ist besonders hilfreich, um die Farbkontraste eines Designs auf Barrierefreiheit zu prüfen?

Accepted Answer

WebAIM's Contrast Checker

Answer

Adobe Photoshop

Answer

Sketch

Answer

Figma

Question 54

Was ist der Zweck von 'ARIA'-Attributen (Accessible Rich Internet Applications)?

Accepted Answer

ARIA-Attribute erweitern die Semantik von HTML-Elementen, um Screenreadern und anderen assistiven Technologien eine bessere Interpretation der Inhalte zu ermöglichen.

Answer

ARIA-Attribute dienen hauptsächlich zur Verbesserung der visuellen Gestaltung von Webanwendungen.

Question 55

Welche der folgenden Situationen stellt ein Barrierefreiheitsproblem dar?

Accepted Answer

Ein Video wird ohne Untertitel abgespielt.

Answer

Ein Formularfeld hat ein ansprechendes Design.

Answer

Ein Website-Header ist in einer auffälligen Farbe gestaltet.

Answer

Eine Webseite verwendet Icons mit klaren Bedeutungen.

Question 56

Welche der folgenden Aussagen ist NICHT korrekt, wenn es um das Design für Menschen mit kognitiven Einschränkungen geht?

Accepted Answer

Es ist am besten, komplexe Interaktionen mit vielen Schritten zu bevorzugen, um die Aufmerksamkeit der Benutzer zu halten.

Answer

Einfach gehaltene Layouts und klare Navigation sind wichtig.

Question 57

Welche der folgenden Methoden ist AM WICHTIGSTEN, um sicherzustellen, dass ein Design barrierefrei ist?

Accepted Answer

Benutzerforschung mit Menschen mit unterschiedlichen Fähigkeiten.

Answer

Vertrauen auf eigene Erfahrung und Intuition.

Answer

Anwenden von Designrichtlinien ohne zusätzliche Tests.

Question 58

Was ist der Unterschied zwischen 'WCAG' (Web Content Accessibility Guidelines) und 'a11y' (Accessibility)?

Accepted Answer

WCAG sind spezifische Richtlinien für die Barrierefreiheit von Webinhalten, während 'a11y' ein allgemeiner Begriff für Barrierefreiheit ist.

Answer

WCAG und 'a11y' sind Synonyme.

Question 59

Welche der folgenden Optionen ist KEIN Vorteil von barrierefreien Designs?

Accepted Answer

Erhöhte Kosten für die Entwicklung.

Answer

Verbesserte SEO-Leistung.

Answer

Verbesserte Benutzererfahrung für alle.

Answer

Erhöhte Reichweite und Inklusion.

Question 60

Welche der folgenden Tools kann bei der Erstellung von barrierefreien Videos verwendet werden?

Accepted Answer

YouTube's Untertitel-Funktion

Answer

Sketch

Answer

Adobe Photoshop

Answer

Figma