Final

Ein Quiz über Barrierefreiheit zum Abschluss. Testet euer Wissen - die Antworten werden nur lokal in eurem Browser gespeichert.

Wofür steht das “O” in den vier WCAG-Grundprinzipien POUR?

• Optional
• Operable (Bedienbar)

  Interface und Navigation müssen bedienbar sein - z.B. per Tastatur.

• Overview
• Ordered

Welche WCAG-Konformitätsstufe gilt als praktischer Zielwert für die meisten Websites und wird auch von der EU-Gesetzgebung gefordert?

• A

  A ist nur das absolute Minimum - für “normale” Websites reicht das meist nicht als Zielwert.

• AA
• AAA

  Laut W3C selbst für eine gesamte Website nicht realistisch erreichbar.

• Es gibt keine Stufen, nur “konform” oder “nicht konform”

Warum wird die Stufe AAA von der W3C nicht als generelles Ziel für eine ganze Website empfohlen?

• Manche AAA-Kriterien (z.B. Gebärdensprache für jedes Video) sind für die meisten Anbieter nicht realistisch leistbar
• AAA ist veraltet und wurde durch AA ersetzt
• AAA gilt nur für mobile Websites
• AAA bezieht sich nur auf Farben, nicht auf den ganzen Inhalt

Was ist der European Accessibility Act (EAA)?

• Ein österreichisches Gesetz

  Er ist eine EU-Richtlinie; die österreichische Umsetzung heißt Barrierefreiheitsgesetz.

• Eine EU-Richtlinie, die jedes Mitgliedsland in nationales Recht umsetzen muss
• Eine freiwillige Selbstverpflichtung großer Tech-Konzerne
• Eine technische Norm wie WCAG, aber ohne rechtliche Wirkung

Seit wann gilt die Anwendungspflicht des österreichischen Barrierefreiheitsgesetzes für betroffene Unternehmen?

• 2018
• 2022
• 28. Juni 2025
• Es gibt noch kein konkretes Datum

Wie sollte das alt-Attribut für ein rein dekoratives Bild (z.B. eine Zierleiste) aussehen?

• Gar nicht setzen

  Ohne alt lesen manche Screenreader stattdessen den Dateinamen vor - schlimmer als leer.

• alt="" - ein bewusst leeres Attribut
• alt="Bild"
• alt="dekorativ"

Warum reicht ein placeholder allein nicht als Beschriftung für ein Eingabefeld?

• Er verschwindet, sobald man zu tippen beginnt, und wird von Screenreadern oft anders behandelt als ein echtes Label
• Placeholder werden von Browsern gar nicht mehr unterstützt
• Placeholder funktionieren nur bei <textarea>
• Es gibt keinen Unterschied zu <label>

Welches Mindest-Kontrastverhältnis fordert WCAG 1.4.3 (Stufe AA) für normalen Fließtext?

• 2
• 4,5
• 7

  Das wäre die strengere Stufe AAA.

• 10

Was ist das Problem an diesem CSS?

button:focus {
  outline: none;
}

• TastaturnutzerInnen sehen nicht mehr, welches Element gerade fokussiert ist
• Der Button ist dann nicht mehr klickbar
• Das ist ungültiges CSS
• Es gibt kein Problem, outline ist nur kosmetisch

Was ist der Hauptnachteil eines <div onclick="..."> gegenüber einem <button>?

• Das <div> ist standardmäßig nicht per Tastatur fokussierbar oder auslösbar, und wird von Screenreadern nicht als interaktiv erkannt
• <div> kann keine Klick-Events verarbeiten
• <div> ist langsamer als <button>
• Es gibt keinen Unterschied

Wozu dient ein Skip Link (“Zum Inhalt springen”)?

• TastaturnutzerInnen können die Navigation überspringen und direkt zum Hauptinhalt springen
• Er verhindert, dass Suchmaschinen die Navigation indexieren
• Er ersetzt die normale Navigation komplett
• Er ist nur für mobile Geräte gedacht

Was besagt die “erste Regel von ARIA”?

• Kein ARIA verwenden, wenn ein natives HTML-Element dieselbe Funktion schon von Haus aus bietet
• ARIA-Attribute sollten auf möglichst vielen Elementen verwendet werden
• ARIA ersetzt semantisches HTML komplett
• ARIA funktioniert nur in Kombination mit JavaScript-Frameworks

Ein Eingabefeld hat aria-describedby="email-error". Was bewirkt das?

• Der Screenreader liest den Inhalt des Elements mit id="email-error" zusätzlich zum Label vor, wenn das Feld fokussiert wird
• Das Feld wird automatisch als ungültig markiert
• Der Browser blockiert das Absenden des Formulars
• Das hat keine Auswirkung auf Screenreader

Quiz-Fortschritt

0 / 0 Fragen beantwortet (0%)

0 richtig