Interviewfragen zur Barrierefreiheit (Middle) mit Antworten

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

Diesen Test machen
  1. 1.Was ist der Accessibility Tree?
  2. 2.Welche Quelle gewinnt meist bei der Berechnung des zugänglichen Namens eines Elements?
  3. 3.Was ist der Unterschied zwischen aria-labelledby und aria-describedby?
  4. 4.Warum aria-labelledby mit Verweis auf sichtbaren Text gegenüber aria-label bevorzugen?
  5. 5.Was ist hier falsch?
  6. 6.Warum ist <nav role="navigation"> unnötig?
  7. 7.Warum kann <button role="link"> eine schlechte Idee sein?
  8. 8.Zwei <nav>-Elemente auf einer Seite: was solltest du tun?
  9. 9.Wann wird ein <section> zu einer Landmark?
  10. 10.Wie sollte ein Feldfehler mit seinem Eingabefeld verknüpft werden?
  11. 11.Natives required oder aria-required: was solltest du bevorzugen?
  12. 12.Was ist nach gescheitertem Absenden eines langen Formulars ein gutes Muster?
  13. 13.Warum beim Verlassen des Feldes oder beim Absenden validieren statt bei jedem Tastendruck?
  14. 14.Was macht aria-live="polite" anders als assertive?
  15. 15.Warum wird ein neu eingefügtes Element mit role="alert" nicht immer angesagt?
  16. 16.Was ist der Unterschied zwischen role="status" und role="alert"?
  17. 17.Warum verhält sich ein Seitenwechsel in React Router oder Next.js für einen Screenreader nicht wie ein volles Laden?
  18. 18.Wohin sollte der Fokus nach einer clientseitigen Navigation meist gehen?
  19. 19.Ein Nutzer löscht einen Listeneintrag, der Fokus war auf dessen Löschen-Button. Was sollte passieren?
  20. 20.Welches Tastaturverhalten wird in einem Tabs-Widget (role="tablist") erwartet?
  21. 21.Was ist Roving tabindex?
  22. 22.Wann nutzt man aria-activedescendant statt Roving tabindex?
  23. 23.Sollte die Hauptnavigation einer Website role="menu" nutzen?
  24. 24.Wie baut man ein barrierefreies Dropdown mit Navigationslinks?
  25. 25.Was sollte bei einem Akkordeon der Kopf enthalten?
  26. 26.Was gilt für Tooltips?
  27. 27.Hover-Inhalte müssen nach WCAG 1.4.13 drei Bedingungen erfüllen. Welche?
  28. 28.Wie macht man den Zustand eines Umschalt-Buttons für assistive Technik verfügbar?
  29. 29.Wann solltest du role="switch" statt einer Checkbox nutzen?
  30. 30.Welche Attribute braucht ein eigenes Modal?
  31. 31.Was macht das Attribut inert?
  32. 32.Warum ein eigenes Modal in einem React-Portal rendern?
  33. 33.Welche Rolle sollte ein Bestätigungsdialog wie „Projekt löschen?“ nutzen?
  34. 34.Ein Sticky Header verdeckt nach dem Tabben das fokussierte Element. Was hilft?
  35. 35.Welchen Kontrast verlangt WCAG für einen Fokusindikator oder einen Feldrahmen?
  36. 36.Müssen deaktivierte Bedienelemente die Kontrastanforderungen erfüllen?
  37. 37.Was ist der Unterschied zwischen disabled und aria-disabled="true"?
  38. 38.Was ist der Forced-Colors-Modus?
  39. 39.Warum ist ein Fokusstil nur mit box-shadow riskant?
  40. 40.Was erkennt die Media Query prefers-contrast: more?
  41. 41.Was verlangt WCAG 1.4.10 Reflow?
  42. 42.Was prüft das Kriterium Textabstand?
  43. 43.Warum sollte sich eine Seite nicht auf Hochformat festlegen?
  44. 44.Was verlangt das Kriterium Zeigerabbruch?
  45. 45.Ein Kanban-Board nutzt Drag and Drop. Was verlangt WCAG 2.2?
  46. 46.Was soll das Kriterium Redundante Eingabe verhindern?
  47. 47.Warum muss ein Login-Formular das Einfügen eines Passworts erlauben?
  48. 48.Was sollte ein Sitzungs-Timeout anbieten?
  49. 49.Ein Button zeigt „Suchen“, hat aber aria-label="Produkte finden". Warum ist das ein Problem?
  50. 50.Wie zeichnet man eine französische Wendung auf einer englischen Seite aus?
  51. 51.Wie macht man ein bedeutungstragendes Inline-SVG für assistive Technik zugänglich?
  52. 52.Ein per CSS background-image gesetztes Foto trägt Bedeutung. Was ist das Problem?
  53. 53.Wie macht man eine sortierbare Tabellenspalte gut zugänglich?
  54. 54.Was gibt das Element <caption> einer Tabelle?
  55. 55.Warum kann display: block an einer Tabelle die Barrierefreiheit zerstören?
  56. 56.Ein scrollbarer Codeblock oder eine Tabelle ist per Tastatur nicht erreichbar. Was hilft?
  57. 57.Wie zeichnet man Breadcrumbs aus?
  58. 58.Warum kann Infinite Scroll eine Barriere sein?
  59. 59.Wenn „Mehr laden“ Einträge hinzufügt, wohin sollte der Fokus gehen?
  60. 60.Was signalisiert aria-busy="true"?
  61. 61.Eine virtualisierte Liste rendert nur 20 von 10.000 Einträgen. Was hilft Screenreadern?
  62. 62.Warum ist ein automatisch drehendes Karussell ein Problem?
  63. 63.Was gilt für Barrierefreiheits-Overlay-Widgets?
  64. 64.Wie lesen Screenreader eine Webseite am Desktop meist?
  65. 65.Welche Paare aus Browser und Screenreader sind das übliche Testsetup?
  66. 66.Wie führt man axe in Playwright-Tests aus?
  67. 67.Was ist eine Grenze von jest-axe in jsdom?
  68. 68.Wie viel finden automatische Werkzeuge ungefähr?
  69. 69.Wie hilft useId in React-Formularen?
  70. 70.Warum kann ein geänderter Listen-key den Tastaturfokus verlieren?
  71. 71.Warum nutzen viele Teams Headless-Primitive wie Radix für Widgets?
  72. 72.Was ist eine Erklärung zur Barrierefreiheit?
  73. 73.Wo im Entwicklungsprozess ist Barrierefreiheit am billigsten?
  74. 74.Wobei hilft autocomplete="one-time-code"?
  75. 75.Sollten Links, die in einem neuen Tab öffnen, Nutzer warnen?