Pytania rekrutacyjne z dostępności (Middle) z odpowiedziami

75 pytań na rozmowę rekrutacyjną z tematu Dostępność (Middle) - z poprawnymi odpowiedziami, wyjaśnieniami i linkami do dokumentacji.

Rozwiąż ten test
  1. 1.Czym jest drzewo dostępności?
  2. 2.Które źródło zwykle wygrywa przy obliczaniu nazwy dostępnej?
  3. 3.Czym różnią się aria-labelledby i aria-describedby?
  4. 4.Dlaczego lepiej aria-labelledby wskazujący widoczny tekst niż aria-label?
  5. 5.Co tu jest nie tak?
  6. 6.Dlaczego <nav role="navigation"> jest zbędne?
  7. 7.Dlaczego <button role="link"> bywa złym pomysłem?
  8. 8.Na stronie są dwa <nav>. Co zrobić?
  9. 9.Kiedy <section> staje się punktem orientacyjnym?
  10. 10.Jak powiązać błąd pola z tym polem?
  11. 11.Natywny required czy aria-required: co wybrać?
  12. 12.Jaki wzorzec jest dobry po nieudanym wysłaniu długiego formularza?
  13. 13.Dlaczego walidować przy opuszczeniu pola lub wysłaniu, a nie na każdy klawisz?
  14. 14.Czym aria-live="polite" różni się od assertive?
  15. 15.Dlaczego nowy element z role="alert" nie zawsze jest ogłaszany?
  16. 16.Czym role="status" różni się od role="alert"?
  17. 17.Dlaczego przejście w React Router lub Next.js nie działa dla czytnika jak pełne ładowanie strony?
  18. 18.Gdzie zwykle powinien trafić fokus po przejściu po stronie klienta?
  19. 19.Użytkownik usuwa pozycję listy, a fokus był na jej przycisku Delete. Co powinno się stać?
  20. 20.Jakiej obsługi klawiatury oczekuje się w kartach (role="tablist")?
  21. 21.Czym jest roving tabindex?
  22. 22.Kiedy używa się aria-activedescendant zamiast roving tabindex?
  23. 23.Czy główna nawigacja strony powinna używać role="menu"?
  24. 24.Jak zbudować dostępną rozwijaną listę linków nawigacji?
  25. 25.Co powinien zawierać nagłówek akordeonu?
  26. 26.Co jest prawdą o podpowiedziach (tooltip)?
  27. 27.Treść po najechaniu musi spełniać trzy warunki WCAG 1.4.13. Jakie?
  28. 28.Jak pokazać technologiom wspomagającym stan przycisku przełączającego?
  29. 29.Kiedy użyć role="switch", a nie checkboxa?
  30. 30.Jakich atrybutów potrzebuje własne okno modalne?
  31. 31.Co robi atrybut inert?
  32. 32.Po co renderować własne okno modalne w portalu React?
  33. 33.Jaką rolę powinno mieć potwierdzenie typu „Usunąć projekt?”?
  34. 34.Sticky nagłówek zasłania element z fokusem po Tab. Co to naprawi?
  35. 35.Jakiego kontrastu wymaga WCAG dla wskaźnika fokusu lub ramki pola?
  36. 36.Czy wyłączone kontrolki muszą spełniać wymogi kontrastu?
  37. 37.Czym różnią się disabled i aria-disabled="true"?
  38. 38.Czym jest tryb wymuszonych kolorów (forced colors)?
  39. 39.Czym ryzykuje styl fokusu oparty tylko na box-shadow?
  40. 40.Co wykrywa zapytanie prefers-contrast: more?
  41. 41.Czego wymaga WCAG 1.4.10 Reflow?
  42. 42.Co sprawdza kryterium Text Spacing?
  43. 43.Dlaczego strona nie powinna blokować orientacji pionowej?
  44. 44.Czego wymaga kryterium Pointer Cancellation?
  45. 45.Tablica kanban używa przeciągania. Czego wymaga WCAG 2.2?
  46. 46.Czemu ma zapobiegać kryterium Redundant Entry?
  47. 47.Dlaczego formularz logowania musi pozwalać na wklejanie hasła?
  48. 48.Co powinien oferować limit czasu sesji?
  49. 49.Przycisk pokazuje „Szukaj”, ale ma aria-label="Znajdź produkty". Dlaczego to problem?
  50. 50.Jak oznaczyć francuskie zdanie na angielskiej stronie?
  51. 51.Jak udostępnić znaczący osadzony SVG technologiom wspomagającym?
  52. 52.Zdjęcie ustawione przez CSS background-image niesie treść. W czym problem?
  53. 53.Jak dobrze udostępnić sortowalną kolumnę tabeli?
  54. 54.Co element <caption> daje tabeli?
  55. 55.Dlaczego display: block na tabeli może zepsuć dostępność?
  56. 56.Przewijany blok kodu lub tabela są nieosiągalne z klawiatury. Co pomoże?
  57. 57.Jak oznaczyć okruszki (breadcrumbs)?
  58. 58.Dlaczego nieskończone przewijanie może być barierą?
  59. 59.Gdzie powinien trafić fokus, gdy „Załaduj więcej” dodaje pozycje?
  60. 60.Co sygnalizuje aria-busy="true"?
  61. 61.Zwirtualizowana lista renderuje 20 z 10 000 pozycji. Co pomoże czytnikom?
  62. 62.Dlaczego automatyczna karuzela to problem?
  63. 63.Co jest prawdą o nakładkach dostępności (overlay)?
  64. 64.Jak czytniki ekranu zwykle czytają stronę na komputerze?
  65. 65.Jakie pary przeglądarki i czytnika zwykle się testuje?
  66. 66.Jak uruchomić axe w testach Playwright?
  67. 67.Jakie ograniczenie ma jest-axe w jsdom?
  68. 68.Ile mniej więcej wykrywają narzędzia automatyczne?
  69. 69.Jak useId pomaga w formularzach React?
  70. 70.Dlaczego zmiana key na liście może zgubić fokus klawiatury?
  71. 71.Dlaczego wiele zespołów używa do widżetów bezstylowych prymitywów typu Radix?
  72. 72.Czym jest deklaracja dostępności?
  73. 73.Na jakim etapie prac dostępność jest najtańsza?
  74. 74.W czym pomaga autocomplete="one-time-code"?
  75. 75.Czy linki otwierane w nowej karcie powinny o tym ostrzegać?