Interviewfragen zur Barrierefreiheit (Junior) mit Antworten

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

Diesen Test machen
  1. 1.Was bedeutet Barrierefreiheit im Web (a11y)?
  2. 2.Wer profitiert von barrierefreien Oberflächen?
  3. 3.Was ist WCAG?
  4. 4.Was sind die vier WCAG-Prinzipien?
  5. 5.Welche WCAG-Konformitätsstufe zielen die meisten Gesetze und Unternehmen an?
  6. 6.Was macht ein Screenreader?
  7. 7.Welche Screenreader nutzt man häufig zum Testen?
  8. 8.Warum <button> statt <div onclick> verwenden?
  9. 9.Was stimmt mit diesem Bedienelement nicht?
  10. 10.Wofür ist das Attribut alt eines Bildes da?
  11. 11.Welches alt sollte ein rein dekoratives Bild haben?
  12. 12.Ein Bild hat kein alt-Attribut. Was sagt ein Screenreader eventuell an?
  13. 13.Welches alt ist am besten für ein Diagramm, in dem der Umsatz im Q3 um 20 % steigt?
  14. 14.Warum ist die Reihenfolge der Überschriften (h1, h2, h3) wichtig?
  15. 15.Du willst kleineren Text. Ist es okay, dafür direkt nach h1 ein h4 zu nutzen?
  16. 16.Was sind Landmarks wie <main> und <nav>?
  17. 17.Was macht ein Link „Zum Inhalt springen“?
  18. 18.Wie bewegen sich Tastaturnutzer zwischen interaktiven Elementen?
  19. 19.Welche Elemente sind standardmäßig fokussierbar?
  20. 20.Warum ist *:focus { outline: none; } ein Problem?
  21. 21.Wobei hilft :focus-visible?
  22. 22.Was macht tabindex="0"?
  23. 23.Was macht tabindex="-1"?
  24. 24.Warum positive tabindex-Werte wie tabindex="5" vermeiden?
  25. 25.Wie verbindet man ein Label korrekt mit einem Eingabefeld?
  26. 26.Warum ersetzt ein placeholder kein Label?
  27. 27.Wofür sind <fieldset> und <legend> da?
  28. 28.Ein Formular zeigt ein ungültiges Feld nur mit rotem Rahmen. Was ist das Problem?
  29. 29.Wie sollte man ein Pflichtfeld kennzeichnen?
  30. 30.Wie hilft autocomplete="email" der Barrierefreiheit?
  31. 31.Wann nutzt man einen Link und wann einen Button?
  32. 32.Warum ist „Hier klicken“ ein schlechter Linktext?
  33. 33.Welches Kontrastverhältnis verlangt WCAG AA für normalen Text?
  34. 34.Welcher Mindestkontrast gilt nach WCAG AA für großen Text?
  35. 35.Warum sollte Farbe nicht der einzige Träger einer Information sein?
  36. 36.Warum ist user-scalable=no im Viewport-Meta-Tag schädlich?
  37. 37.Warum sind rem-Einheiten für Schriftgrößen oft besser als px?
  38. 38.Warum setzt man lang am <html>-Element?
  39. 39.Warum braucht jede Seite einen eindeutigen, beschreibenden <title>?
  40. 40.Was ist die erste Regel von ARIA?
  41. 41.Was ändert ARIA eigentlich?
  42. 42.Ein Schließen-Button nur mit Icon hat keinen Text. Wie gibt man ihm einen Namen?
  43. 43.Was macht aria-hidden="true"?
  44. 44.Liest ein Screenreader ein Element mit display: none vor?
  45. 45.Wofür ist eine Klasse für visuell verborgene Inhalte (sr-only) da?
  46. 46.Was bringt role="button" an einem div?
  47. 47.Was teilt aria-expanded einem Screenreader-Nutzer mit?
  48. 48.Wofür nutzt man aria-current="page"?
  49. 49.Ein Toast zeigt „Gespeichert“, aber Screenreader bleiben stumm. Was hilft?
  50. 50.Wofür ist prefers-reduced-motion da?
  51. 51.Warum begrenzt WCAG blinkende Inhalte?
  52. 52.Wofür sind Untertitel bei einem Video da?
  53. 53.Warum ist automatisch abgespielter Ton ein Problem?
  54. 54.Welche Mindest-Zielgröße legt WCAG 2.2 AA für Zeiger-Bedienelemente fest?
  55. 55.Welche Tasten sollten einen Button wie einen nativen auslösen?
  56. 56.Mit welcher Taste erwarten Nutzer, einen modalen Dialog zu schließen?
  57. 57.Wohin sollte der Fokus gehen, wenn ein modaler Dialog öffnet?
  58. 58.Wohin sollte der Fokus gehen, nachdem ein Modal geschlossen wurde?
  59. 59.Wie zeichnet man Kopfzellen in einer Datentabelle aus?
  60. 60.Warum <table> nicht für das Seitenlayout nutzen?
  61. 61.Warum eine Liste von Einträgen mit <ul> und <li> auszeichnen?
  62. 62.Was bringt <details> mit <summary>?
  63. 63.Eine Seite erreicht in Lighthouse 100 Punkte bei Barrierefreiheit. Was beweist das?
  64. 64.Was ist der einfachste manuelle Barrierefreiheitstest?
  65. 65.Warum macht getByRole("button", { name: "Save" }) Tests besser für a11y?
  66. 66.Wofür nutzt man axe?
  67. 67.Was macht eslint-plugin-jsx-a11y?
  68. 68.Was verlangt der European Accessibility Act?
  69. 69.Warum auch den Kontrast im dunklen Theme prüfen?
  70. 70.Warum sind Inhalte, die nur bei :hover erscheinen, ein Problem?
  71. 71.Wie gestaltet man eine eigene Checkbox barrierefrei?
  72. 72.Warum sollte ein Formular ein echtes <form> und einen Absende-Button haben?
  73. 73.Warum sollte nicht schon Fokus oder Tippen allein den Kontext ändern, etwa durch automatisches Absenden?
  74. 74.Was ist eine Tastaturfalle?
  75. 75.Warum können CSS order oder flex-direction: row-reverse Probleme machen?