Barrierefreie Webentwicklung lernen: Quizfragen und Antworten

Question 1

Welche Richtlinien bilden die Grundlage für die Web-Barrierefreiheit?

Accepted Answer

WCAG-Richtlinien

Answer

ARIA-Empfehlungen

Answer

WAI-Richtlinien

Answer

WAI-ARIA-Anforderungen

Question 2

Welches HTML-Attribut wird verwendet, um Textalternativen für Bilder festzulegen?

Accepted Answer

alt

Answer

title

Answer

src

Answer

name

Question 3

Welcher Webstandard definiert Anforderungen für die Zugänglichkeit von Webinhalten?

Accepted Answer

WCAG 2.1

Answer

HTML5

Answer

CSS3

Answer

WAI-ARIA

Question 4

Welche Aussage beschreibt die Bedeutung eines barrierefreien Webs?

Accepted Answer

Es verbessert die Nutzererfahrung für Menschen mit Behinderungen.

Answer

Es optimiert die Suchmaschinenergebnisse.

Answer

Es vereinfacht die Webentwicklung.

Answer

Es spart Entwicklungskosten.

Question 5

Welche der folgenden Optionen ist KEINE barrierefreie Methode zur Hervorhebung von Text?

Accepted Answer

Farbänderung

Answer

Fettdruck

Answer

Unterstreichung

Answer

Größenänderung

Question 6

Wie trägt semantische Auszeichnung zur Barrierefreiheit von Websites bei? Nennen Sie eine relevante WCAG-Richtlinie.

Accepted Answer

Screenreader können Inhalte besser interpretieren und für sehbehinderte Nutzer präsentieren.

Answer

Suchmaschinen können Websites genauer indexieren und in Suchergebnissen platzieren.

Answer

Der Zugriff auf Websites über mobile Geräte wird erleichtert.

Answer

Semantische Auszeichnung hat keine Auswirkung auf die Barrierefreiheit von Websites.

Question 7

Welches WCAG-Prinzip zielt darauf ab, Inhalte so zu präsentieren, dass sie unabhängig von Beeinträchtigungen oder verwendeter Technologie wahrgenommen werden können?

Accepted Answer

Wahrnehmbar

Answer

Bedienbar

Answer

Verständlich

Answer

Robust

Question 8

Welches HTML-Attribut wird verwendet, um einen alternativen Text für Bilder zu definieren und damit Barrierefreiheit für sehbehinderte oder blinde Nutzer zu gewährleisten?

Accepted Answer

alt

Answer

title

Answer

description

Answer

caption

Question 9

Welches WCAG-Erfolgskriterium verlangt die Bereitstellung von Textalternativen für nicht-textliche Inhalte wie Bilder?

Accepted Answer

1.1.1

Answer

1.2.1

Answer

1.3.1

Answer

1.4.1

Question 10

Welche übergeordnete Zielsetzung verfolgt die Web-Barrierefreiheit?

Accepted Answer

Zugänglichmachung von Websites und Inhalten für Menschen mit Behinderungen

Answer

Einhaltung gesetzlicher Bestimmungen

Answer

Verbesserung der Benutzerfreundlichkeit für alle Nutzer

Answer

Erleichterung der Entwicklung barrierefreier Webseiten

Question 11

Nennen Sie drei Nutzergruppen mit unterschiedlichen Barrierefreiheitsanforderungen und geben Sie für jede Gruppe ein konkretes Beispiel an.

Accepted Answer

Menschen mit eingeschränkter Sehkraft - Farbenblinde

Accepted Answer

Menschen mit eingeschränkter Hörfähigkeit - Gehörlose

Accepted Answer

Menschen mit eingeschränkter kognitiver Fähigkeit - Legastheniker

Question 12

Welcher Vorteil ergibt sich aus der Verwendung von ARIA-Attributen zur Verbesserung der Barrierefreiheit?

Accepted Answer

Sie stellen semantische Informationen für Hilfsmittel zur Verfügung.

Answer

Sie machen Alternativtexte für Bilder überflüssig.

Answer

Sie verbessern die Lesbarkeit für alle Nutzer.

Answer

Sie verkürzen die Ladezeit der Seite.

Question 13

Welcher WCAG-Grundsatz bezieht sich auf die Zugänglichkeit von Inhalten ohne visuelle Wahrnehmung?

Accepted Answer

Wahrnehmbarkeit

Answer

Bedienbarkeit

Answer

Verständlichkeit

Answer

Robustheit

Question 14

Welches Attribut wird verwendet, um alternative Beschreibungen für Bilder bereitzustellen?

Accepted Answer

alt

Answer

title

Answer

src

Answer

name

Question 15

Welche CSS-Anweisung entfernt den Fokusindikator für Links?

Accepted Answer

a:focus { outline: 0; }

Answer

a:hover { outline: none; }

Answer

a { outline: none; }

Answer

a { focus-outline: none; }

Question 16

Welche Vorgehensweise ist NICHT empfehlenswert, um die Tastaturnavigation auf Websites zu verbessern?

Accepted Answer

JavaScript zur Änderung der Tab-Reihenfolge

Answer

Tastaturkürzel für häufige Aktionen

Answer

ARIA-Landmarks zur Strukturierung von Inhalten

Answer

Zugänglichkeit aller interaktiven Elemente über die Tastatur

Question 17

Welcher Test eignet sich am besten zur Validierung der Barrierefreiheit einer Website?

Accepted Answer

Web Accessibility Checker

Answer

HTML-Validator

Answer

CSS-Validator

Answer

Browser-Inspektor

Question 18

Welche Interpretation des POUR-Prinzips ist korrekt im Zusammenhang mit Web-Barrierefreiheit?

Accepted Answer

Inhalte sollten wahrnehmbar, bedienbar, verständlich und robust sein.

Answer

Inhalte sollten portabel, orientiert, einheitlich und relevant sein.

Answer

Inhalte sollten persönlich, brauchbar, originell und richtungsweisend sein.

Answer

Inhalte sollten privat, öffentlich, verfügbar und verlässlich sein.

Question 19

Welche Methode kann verwendet werden, um die Barrierefreiheit einer Website automatisch zu testen?

Accepted Answer

Automatisierte Prüfung

Answer

Manuelle Überprüfung

Answer

Benutzertests mit Menschen mit Behinderungen

Question 20

Nennen Sie drei bewährte Vorgehensweisen für die Farbauswahl bei der Gestaltung barrierefreier Websites und begründen Sie Ihre Antwort.

Accepted Answer

Hoher Kontrast und eingeschränkte Farbpalette

Answer

Bunte Farben und komplexe Farbkombinationen

Answer

Verwendung ausschließlich von Primärfarben

Question 21

Welche der folgenden Aussagen trifft am besten auf das Ziel der Web-Barrierefreiheit zu?

Accepted Answer

Websites sollten für alle Nutzer, unabhängig von Behinderungen oder Einschränkungen, zugänglich sein.

Answer

Websites sollten eine einheitliche Benutzererfahrung gewährleisten.

Answer

Websites sollten visuell ansprechend sein und aktuellen Designtrends folgen.

Answer

Websites sollten schnell laden und eine hohe Leistung aufweisen.

Question 22

Welche der WCAG-Richtlinien befasst sich mit der Erkennbarkeit von Inhalten?

Accepted Answer

Inhalte wahrnehmbar machen

Answer

Inhalte bedienbar machen

Answer

Inhalte verständlich machen

Answer

Inhalte robust machen

Question 23

Welches HTML-Element wird verwendet, um einen alternativen Text für Bilder anzugeben?

Accepted Answer

<alt>

Answer

<title>

Answer

Answer

<label>

Question 24

Welches Hilfsmittel kann genutzt werden, um die Tastaturnavigation auf einer Website zu ermöglichen?

Accepted Answer

Tabindex-Attribut

Answer

Bildschirmlesegerät

Answer

Spracherkennungssoftware

Answer

Vergrößerungssoftware

Question 25

Welches Prinzip des universellen Designs steht im engsten Zusammenhang mit der Web-Barrierefreiheit?

Accepted Answer

Wahrnehmbarkeit

Answer

Flexible Nutzung

Answer

Verständlichkeit

Answer

Fehlertoleranz

Question 26

Welcher Grundsatz ist **nicht** Teil der WCAG-Richtlinien?

Accepted Answer

Schönheit

Answer

Wahrnehmbarkeit

Answer

Bedienbarkeit

Answer

Robustheit

Question 27

Welches HTML-Element stellt eine Überschrift der höchsten Ebene dar?

Accepted Answer

<h1>

Answer

<h2>

Answer

<h3>

Answer

<h6>

Question 28

Welche Technik wird verwendet, um alternativen Text für ein Bild bereitzustellen?

Accepted Answer

alt-Attribut

Answer

title-Attribut

Answer

longdesc-Attribut

Answer

aria-labelledby-Attribut

Question 29

Welche Anforderungen gelten für barrierefreie Formulare?

Accepted Answer

Alle genannten Anforderungen

Answer

Beschriftungen für alle Eingabeelemente

Answer

Logische Reihenfolge der Felder

Answer

Klare und verständliche Fehlermeldungen

Question 30

Welche Konventionen dienen der eindeutigen Identifizierung von Links?

Accepted Answer

Alle genannten Konventionen

Answer

Ausführlicher Linktext

Answer

Linktitel

Answer

Link-Aria-Labels

Question 31

Welche Richtlinie verlangt, dass Inhalte sowohl visuell als auch über andere Sinne wahrgenommen werden können?

Accepted Answer

Multimodale Präsentation

Answer

Kontrast

Answer

Alternative Texte

Answer

Beschriftungen

Question 32

Welche rechtlichen Folgen können entstehen, wenn Web-Barrierefreiheitsstandards nicht eingehalten werden?

Accepted Answer

Zivilrechtliche Klagen von Menschen mit Behinderungen

Answer

Keine, da Barrierefreiheitsstandards nur Empfehlungen sind

Answer

Strafrechtliche Sanktionen wie Geldstrafen oder Gefängnis

Question 33

Inwiefern verbessern ARIA-Attribute speziell die Barrierefreiheit für Nutzer mit Sehbehinderungen oder motorischen Einschränkungen?

Accepted Answer

Sie ermöglichen die Definition benutzerdefinierter Steuerelemente und machen sie für Bildschirmlesegeräte erkennbar.

Answer

Sie erhöhen den Kontrast zwischen Text und Hintergrund, um die Lesbarkeit für Nutzer mit Sehbehinderungen zu verbessern.

Answer

Sie verkürzen die Ladezeit der Seite und machen sie so für Nutzer mit langsamen Internetverbindungen zugänglicher.

Question 34

Wie trägt semantische Auszeichnung zur Verbesserung der Zugänglichkeit von Webinhalten für Nutzer mit kognitiven Einschränkungen bei?

Accepted Answer

Sie hilft Nutzern, Inhalte besser zu verstehen und auf Websites zu navigieren.

Answer

Sie verbessert die Suchmaschinenoptimierung.

Answer

Sie ermöglicht Nutzern, Inhalte in verschiedenen Formaten zu konsumieren.

Answer

Sie reduziert die Ladezeit von Websites.

Question 35

Was ist das Hauptziel der WCAG-Richtlinien?

Accepted Answer

Bereitstellung von Richtlinien für die Erstellung barrierefreier Websites

Answer

Festlegung von Regeln für die Suchmaschinenoptimierung

Answer

Anleitung zur optimalen Nutzung von HTML und CSS

Answer

Beschreibung von Strategien zur Verbesserung der Benutzerfreundlichkeit

Question 36

Welches HTML-Element wird verwendet, um eine Überschrift der ersten Ebene zu definieren?

Accepted Answer

<h1>

Answer

<div>

Answer

<span>

Question 37

Was versteht man unter dem Begriff "Web-Barrierefreiheit"?

Accepted Answer

Websites und Inhalte so zu gestalten, dass sie für Menschen mit Behinderungen zugänglich sind

Answer

Websites so zu gestalten, dass sie auf verschiedenen Geräten gut aussehen

Answer

Websites so zu gestalten, dass sie visuell ansprechend sind

Answer

Websites so zu gestalten, dass sie in Suchmaschinen gut gefunden werden

Question 38

Welche Technik wird verwendet, um für Bilder alternative Texte bereitzustellen?

Accepted Answer

alt-Attribut

Answer

lang-Attribut

Answer

title-Attribut

Answer

href-Attribut

Question 39

Was ist der Zweck von ARIA-Attributen?

Accepted Answer

Semantische Informationen für assistive Technologien bereitzustellen

Answer

Die Dateigröße zu reduzieren

Answer

Die visuelle Ästhetik zu verbessern

Question 40

Welche Bedeutung hat der Kontrast zwischen Text- und Hintergrundfarbe für die Barrierefreiheit?

Accepted Answer

Die Lesbarkeit für Personen mit eingeschränkter Sehfähigkeit zu verbessern

Answer

Die Dateigröße zu reduzieren

Answer

Die Ästhetik der Website zu verbessern

Question 41

Was ist ein Vorteil der Verwendung von semantischem HTML?

Accepted Answer

Es verbessert die Erfassung und das Verständnis von Inhalten durch assistive Technologien

Answer

Es reduziert die Dateigröße der Website

Answer

Es verbessert die Platzierung der Website in Suchmaschinenergebnissen

Question 42

Welche WCAG-Richtlinie stellt sicher, dass Websites mit verschiedenen Browsern und assistierenden Technologien kompatibel sind?

Accepted Answer

Robustheit

Answer

Wahrnehmbarkeit

Answer

Bedienbarkeit

Answer

Verständlichkeit

Question 43

Warum ist die Einhaltung von Web-Barrierefreiheitsstandards für Unternehmen wichtig?

Accepted Answer

Sie verbessert die Nutzererfahrung für alle und kann rechtliche Probleme vermeiden

Answer

Sie erhöht den Website-Traffic

Answer

Sie reduziert die Entwicklungskosten

Question 44

Welche Best Practice für die Web-Barrierefreiheit ist besonders wichtig für Menschen mit kognitiven Beeinträchtigungen?

Accepted Answer

Bereitstellung klarer und einfacher Anweisungen

Answer

Bereitstellung von Alternativtexten

Answer

Verwendung hochkontrastierender Farben

Answer

Optimierung der Ladezeit

Question 45

Welche der folgenden Aussagen beschreibt das primäre Ziel der Web-Barrierefreiheit am besten?

Accepted Answer

Websites und Anwendungen für alle Nutzer zugänglich zu machen, unabhängig von ihren Fähigkeiten oder Einschränkungen.

Answer

Die visuelle Attraktivität von Websites zu verbessern

Question 46

Welcher internationale Standard bildet die Grundlage für die meisten Richtlinien zur Web-Barrierefreiheit?

Accepted Answer

WCAG (Web Content Accessibility Guidelines)

Answer

ISO 25562:2011

Answer

ADA (Americans with Disabilities Act)

Answer

Section 508

Question 47

Welche der folgenden Techniken ist eine empfohlene Methode, um Bilder für sehbehinderte Nutzer zugänglich zu machen?

Accepted Answer

Alternativtexte (Alt-Attribute) hinzufügen, die den Bildinhalt beschreiben

Answer

Die Bildgröße vergrößern

Answer

Bilder in Graustufen konvertieren

Answer

Bilder am unteren Seitenrand platzieren

Question 48

Welche Art von Formularsteuerelement ist für die Bereitstellung mehrerer Auswahlmöglichkeiten geeignet?

Accepted Answer

Checkbox

Answer

Knopf

Answer

Dropdown-Liste

Answer

Textfeld

Question 49

Welche der folgenden Aussagen beschreibt eine bewährte Vorgehensweise bei der Entwicklung barrierefreier Webanwendungen?

Accepted Answer

Die frühzeitige Einbeziehung von Nutzern mit Behinderungen in den Designprozess

Answer

WCAG-Richtlinien ignorieren, wenn sie das Design beeinträchtigen

Answer

Eine einzige Barrierefreiheitslösung für alle Inhalte verwenden

Question 50

Welches Hilfsmittel unterstützt Menschen mit Sehbehinderungen beim Zugriff auf digitale Inhalte?

Accepted Answer

Screenreader

Answer

Spracherkennungssoftware

Answer

Vergrößerungssoftware

Answer

Taktile Tastatur

Question 51

Welche Rolle spielt semantisches HTML bei der Web-Barrierefreiheit?

Accepted Answer

Es ermöglicht assistierenden Technologien, den Inhalt und die Struktur einer Seite zu verstehen.

Answer

Es verbessert die Suchmaschinenoptimierung (SEO)

Answer

Es macht Websites schneller

Question 52

Was ist die Hauptfunktion von ARIA?

Accepted Answer

Bereitstellung zusätzlicher Attribute, mit denen Entwickler komplexe Widgets und Interaktionen zugänglich machen können

Answer

Überprüfung der Gültigkeit von HTML-Dokumenten

Question 53

Welche WCAG-Richtlinie stellt sicher, dass Inhalte für Sehbehinderte zugänglich sind?

Accepted Answer

Erkennbarkeit

Answer

Robustheit

Answer

Bedienbarkeit

Answer

Verständlichkeit

Question 54

Welches HTML-Element wird verwendet, um einen alternativen Text für Bilder auf einer Webseite anzugeben?

Accepted Answer

<alt>

Answer

Answer

<title>

Answer

<src>

Question 55

Welcher CSS-Selektor kann verwendet werden, um den standardmäßigen Fokusring von Links zu entfernen?

Accepted Answer

a: focus { outline: none; }

Answer

a: hover { outline: none; }

Answer

a: focus-ring { display: none; }

Answer

a { focus: none; }

Question 56

Was ist der Hauptgrund für die Verwendung einer logischen Überschriftenhierarchie (

bis

) auf einer Webseite?

Accepted Answer

Verbesserung der Navigation für Nutzer von Bildschirmlesegeräten

Answer

Erhöhung der visuellen Ästhetik

Answer

Reduzierung der Ladezeit der Seite

Answer

Verbesserung der Suchmaschinenoptimierung

Question 57

Was ist der Hauptzweck von Bildunterschriften auf einer Webseite?

Accepted Answer

Bereitstellung von Kontextinformationen für Bilder für blinde oder sehbehinderte Nutzer

Answer

Optimierung der Ladezeit von Bildern

Answer

Verbesserung des Designs einer Webseite

Question 58

Welche Aussage über Farbenblindheit ist zutreffend?

Accepted Answer

Betrifft ungefähr 8 % der männlichen Bevölkerung

Answer

Ist eine vorübergehende Erkrankung

Answer

Wird ausschließlich durch Genetik verursacht

Answer

Kann durch Kontaktlinsen korrigiert werden

Question 59

Warum ist es wichtig, die Barrierefreiheit beim Design von Formularen zu berücksichtigen?

Accepted Answer

Um sicherzustellen, dass Nutzer mit Behinderungen die Formulare ausfüllen können

Answer

Um die Konsistenz des Formulars zu verbessern

Answer

Um die Ladezeit des Formulars zu reduzieren

Question 60

Welche Richtlinie ist NICHT Teil der WCAG 2.1?

Accepted Answer

Eingängigkeit

Answer

Robustheit

Answer

Erkennbarkeit

Answer

Bedienbarkeit

Question 61

Welches HTML-Attribut fügt einem Link einen Titel hinzu, der als Tooltip angezeigt wird, wenn der Mauszeiger darüber schwebt?

Accepted Answer

title

Answer

src

Answer

alt

Answer

href

Question 62

Welcher Grundsatz der WCAG bezieht sich auf die Sicherstellung, dass Inhalte für alle Nutzer wahrnehmbar sind?

Accepted Answer

Wahrnehmbarkeit

Answer

Robustheit

Answer

Bedienbarkeit

Answer

Verständlichkeit

Question 63

Welche Technik ermöglicht es, eine Beschreibung für Screenreader zu einem Bild hinzuzufügen?

Accepted Answer

Alternativer Text (alt-Text)

Answer

Titel-Attribut

Answer

Lang-Attribut

Answer

ARIA-Label

Question 64

Welches ARIA-Attribut kennzeichnet ein Element als Tastaturfalle?

Accepted Answer

aria-trapped

Answer

aria-hidden

Answer

aria-label

Answer

aria-expanded