Interviewfragen zur Barrierefreiheit (Senior) mit Antworten

75 Fragen fürs Vorstellungsgespräch zur Barrierefreiheit (Senior) mit richtigen Antworten, Erklärungen und Links zur Dokumentation.

Diesen Test machen
  1. 1.Wie gelangt Information vom DOM zu einem Screenreader?
  2. 2.Welche dieser Rollen bekommt ihren Namen aus dem Inhalt?
  3. 3.Was sagt der Screenreader für diesen Link an?
  4. 4.Darf aria-describedby auf ein Element mit dem Attribut hidden zeigen?
  5. 5.Ein Modal setzt aria-hidden="true" auf #app, aber der Fokus ist noch in #app. Was passiert?
  6. 6.Was passiert mit role="presentation" an einem fokussierbaren Element?
  7. 7.Warum ändert role="presentation" an einem <ul> auch dessen <li>-Kinder?
  8. 8.Warum kann ein zusätzlicher Wrapper dieses Widget kaputt machen?
  9. 9.Warum sollte man sich nicht allein auf aria-controls verlassen?
  10. 10.Warum scheitert aria-labelledby über eine Shadow-DOM-Grenze hinweg?
  11. 11.Was bietet ElementInternals Custom Elements?
  12. 12.Wann ist role="grid" statt einer einfachen table richtig?
  13. 13.Was ist die korrekte ARIA-1.2-Struktur für eine editierbare Combobox?
  14. 14.Eine Such-Combobox aktualisiert Ergebnisse beim Tippen. Was brauchen Screenreader-Nutzer noch?
  15. 15.Wann sollte man ein natives <select> statt einer eigenen Listbox behalten?
  16. 16.Ein Preisschieber hat aria-valuenow="3", aber das Label zeigt „300 $ bis 500 $“. Was fehlt?
  17. 17.Was macht einen eigenen Datumswähler schwer?
  18. 18.In einem Rich-Text-Editor fügt Tab einen Einzug ein. Was musst du zusätzlich bieten?
  19. 19.Was ist Typeahead in Menüs und Listboxen?
  20. 20.Ein React-Handler setzt State, um ein Panel zu zeigen, und ruft dann ref.current.focus() auf. Warum scheitert das?
  21. 21.Was sollte passieren, wenn das Element, das einen Dialog geöffnet hat, beim Schließen nicht mehr existiert?
  22. 22.Warum ist inert besser als eine Fokusfalle mit Wächter-Elementen?
  23. 23.Wie unterscheidet sich das Attribut popover von einem modalen <dialog>?
  24. 24.Was unterscheidet dialog.show() und dialog.showModal()?
  25. 25.Warum kann eine Live-Region in einem Chat oder Dashboard zum Problem werden?
  26. 26.Zweimal Speichern zeigt denselben Text „Gespeichert“, aber das zweite Mal wird nicht angesagt. Warum?
  27. 27.Welches Risiko bringt SSR für interaktive Bedienelemente?
  28. 28.Ein Suspense-Fallback ersetzt den Bereich, der den Fokus hält. Was passiert?
  29. 29.Wie macht man ein <canvas>-Diagramm barrierefrei?
  30. 30.Was sollte ein interaktives Diagramm über guten Kontrast hinaus bieten?
  31. 31.Warum braucht auch ein von der Seite verlinktes PDF Arbeit an der Barrierefreiheit?
  32. 32.Welches CSS hilft Layouts in Sprachen mit Schreibrichtung von rechts nach links?
  33. 33.Welches WCAG-2.2-Kriterium betrifft Hilfemechanismen?
  34. 34.Welches Kriterium wurde in WCAG 2.2 entfernt?
  35. 35.Welche davon kamen in WCAG 2.2 hinzu?
  36. 36.Was ist der Stand von WCAG 3?
  37. 37.Gilt WCAG-Konformität für einzelne Komponenten?
  38. 38.Eine Seite bettet ein Zahlungs-Widget eines Drittanbieters ein, das WCAG nicht erfüllt. Wessen Problem ist das?
  39. 39.Welche Rolle hat WCAG-EM?
  40. 40.Was ist ein ACR, meist auf Basis eines VPAT?
  41. 41.Was ist EN 301 549?
  42. 42.Welche Unternehmen sind bei Dienstleistungen vom EAA ausgenommen?
  43. 43.Wie priorisiert man einen Rückstand an Barrierefreiheitsproblemen?
  44. 44.Wie fügt man einer großen Legacy-App automatische a11y-Prüfungen hinzu, ohne alle zu blockieren?
  45. 45.Was kann ein Design System für Barrierefreiheit leisten, was Korrekturen pro Seite nicht können?
  46. 46.Warum mit behinderten Nutzern testen, wenn Audits schon gemacht sind?
  47. 47.Wie prüft man den Kontrast von Text auf einem Verlauf oder Foto?
  48. 48.Was bedeutet halbtransparenter Text für Kontrastprüfungen?
  49. 49.Was ergänzt das AAA-Kriterium Fokus-Erscheinungsbild?
  50. 50.Bei 400 % Zoom nimmt ein fixierter Header den halben Bildschirm ein. Was ist eine gute Lösung?
  51. 51.Ein eigenes Bedienelement reagiert nur auf touchstart und keydown. Warum scheitern VoiceOver oder TalkBack daran?
  52. 52.Warum kann eine eigene Wischgeste unzugänglich sein?
  53. 53.Wie klicken Nutzer von Dragon oder Sprachsteuerung einen Button?
  54. 54.Wie erlebt ein Nutzer einer Bildschirmlupe einen Toast in einer fernen Ecke?
  55. 55.Warum sich für wichtige Informationen nicht auf das Attribut title verlassen?
  56. 56.Wann ist aria-roledescription eine schlechte Idee?
  57. 57.Eine Web-App führt Einzeltasten-Kürzel wie j und k ein. Was verlangt WCAG?
  58. 58.Welcher Ansatz für reduzierte Bewegung ist der sicherste Standard?
  59. 59.Wie respektiert man reduzierte Bewegung in JavaScript-Animationen?
  60. 60.Worauf zielt prefers-reduced-transparency?
  61. 61.Warum Bilder von Text vermeiden, etwa eine Überschrift in einem SVG-Banner?
  62. 62.Was ist Audiodeskription, und wann braucht man sie?
  63. 63.Eine virtualisierte Tabelle zeigt Zeilen 500-520 von 10.000. Was hilft?
  64. 64.Wie macht man eine sortierbare Drag-and-Drop-Liste per Tastatur bedienbar?
  65. 65.Welche Test-Assertion prüft, was ein Nutzer assistiver Technik bekommt?
  66. 66.Was vergleichen ARIA-Snapshots in Playwright?
  67. 67.Beweist eine bestandene getByRole-Abfrage, dass sich ein Screenreader richtig verhält?
  68. 68.Eine Seite hat 800 Links, und ein Screenreader-Nutzer will zum dritten Abschnitt. Was macht das schnell?
  69. 69.Was ist das Problem mit einem asynchronen Validierungsfehler, der nach dem Verlassen des Feldes zu aria-describedby hinzukommt?
  70. 70.Warum können outline-offset und overflow: hidden kollidieren?
  71. 71.Reicht von KI erzeugter alt-Text für einen großen Katalog?
  72. 72.Was ist das größte Barrierefreiheitsrisiko bei Cookie-Bannern?
  73. 73.Wie entscheidet man zwischen Verbergen und Deaktivieren eines Bedienelements, das ein Nutzer nicht nutzen kann?
  74. 74.Ein Team schreibt <button>-Stile, liefert aber <a href="#"> für Aktionen aus. Was kostet das wirklich?
  75. 75.Was ist der Hauptnutzen, Barrierefreiheitskriterien in die Definition of Done aufzunehmen?