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

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

Rozwiąż ten test
  1. 1.Co oznacza dostępność cyfrowa (a11y)?
  2. 2.Komu pomagają dostępne interfejsy?
  3. 3.Czym jest WCAG?
  4. 4.Jakie są cztery zasady WCAG?
  5. 5.Jaki poziom zgodności WCAG wybiera większość przepisów i firm?
  6. 6.Co robi czytnik ekranu?
  7. 7.Których czytników ekranu zwykle używa się do testów?
  8. 8.Dlaczego używać <button>, a nie <div onclick>?
  9. 9.Co jest nie tak z tą kontrolką?
  10. 10.Do czego służy atrybut alt obrazu?
  11. 11.Jaki alt powinien mieć obraz czysto dekoracyjny?
  12. 12.Obraz nie ma atrybutu alt. Co może ogłosić czytnik ekranu?
  13. 13.Jaki alt jest najlepszy dla wykresu wzrostu sprzedaży o 20% w III kwartale?
  14. 14.Dlaczego ważna jest kolejność nagłówków (h1, h2, h3)?
  15. 15.Chcesz mniejszy tekst. Czy można dać h4 zaraz po h1?
  16. 16.Czym są punkty orientacyjne (landmarks), np. <main> i <nav>?
  17. 17.Co robi link „Przejdź do treści” (skip link)?
  18. 18.Jak użytkownicy klawiatury poruszają się między elementami interaktywnymi?
  19. 19.Które elementy domyślnie przyjmują fokus?
  20. 20.Dlaczego *:focus { outline: none; } to problem?
  21. 21.W czym pomaga :focus-visible?
  22. 22.Co robi tabindex="0"?
  23. 23.Co robi tabindex="-1"?
  24. 24.Dlaczego unikać dodatnich wartości, np. tabindex="5"?
  25. 25.Jak poprawnie połączyć etykietę z polem?
  26. 26.Dlaczego placeholder nie zastępuje etykiety?
  27. 27.Do czego służą <fieldset> i <legend>?
  28. 28.Formularz oznacza błędne pole tylko czerwoną ramką. W czym problem?
  29. 29.Jak oznaczać pole wymagane?
  30. 30.Jak autocomplete="email" pomaga dostępności?
  31. 31.Kiedy użyć linku, a kiedy przycisku?
  32. 32.Dlaczego „Kliknij tutaj” to zły tekst linku?
  33. 33.Jaki współczynnik kontrastu wymaga WCAG AA dla zwykłego tekstu?
  34. 34.Jaki minimalny kontrast obowiązuje duży tekst według WCAG AA?
  35. 35.Dlaczego kolor nie powinien być jedynym nośnikiem informacji?
  36. 36.Dlaczego user-scalable=no w meta viewport szkodzi?
  37. 37.Dlaczego rem jest często lepszy od px dla rozmiaru czcionki?
  38. 38.Po co ustawiać lang na elemencie <html>?
  39. 39.Dlaczego każda strona potrzebuje unikalnego, opisowego <title>?
  40. 40.Jaka jest pierwsza zasada ARIA?
  41. 41.Co naprawdę zmienia ARIA?
  42. 42.Przycisk zamykania ma tylko ikonę bez tekstu. Jak nadać mu nazwę?
  43. 43.Co robi aria-hidden="true"?
  44. 44.Czy czytnik ekranu czyta element z display: none?
  45. 45.Do czego służy klasa ukrywania wizualnego (sr-only)?
  46. 46.Co daje role="button" na div?
  47. 47.Co aria-expanded mówi użytkownikowi czytnika?
  48. 48.Do czego służy aria-current="page"?
  49. 49.Toast pokazuje „Zapisano”, ale czytniki milczą. Co to naprawi?
  50. 50.Do czego służy prefers-reduced-motion?
  51. 51.Dlaczego WCAG ogranicza treści migające?
  52. 52.Do czego służą napisy w filmie?
  53. 53.Dlaczego autoodtwarzanie dźwięku to problem?
  54. 54.Jaki minimalny rozmiar celu wyznacza WCAG 2.2 AA dla kontrolek wskaźnikowych?
  55. 55.Które klawisze powinny aktywować przycisk?
  56. 56.Jakim klawiszem użytkownicy chcą zamknąć okno modalne?
  57. 57.Gdzie powinien trafić fokus po otwarciu okna modalnego?
  58. 58.Gdzie powinien trafić fokus po zamknięciu okna modalnego?
  59. 59.Jak oznaczyć komórki nagłówkowe w tabeli danych?
  60. 60.Dlaczego nie używać <table> do układu strony?
  61. 61.Po co oznaczać listę przez <ul> i <li>?
  62. 62.Co daje <details> z <summary>?
  63. 63.Strona ma 100 punktów dostępności w Lighthouse. Co to dowodzi?
  64. 64.Jaki ręczny test dostępności jest najprostszy?
  65. 65.Dlaczego getByRole("button", { name: "Save" }) czyni testy lepszymi dla a11y?
  66. 66.Do czego służy axe?
  67. 67.Co robi eslint-plugin-jsx-a11y?
  68. 68.Czego wymaga European Accessibility Act?
  69. 69.Po co sprawdzać kontrast także w ciemnym motywie?
  70. 70.Dlaczego treść widoczna tylko na :hover to problem?
  71. 71.Jak w dostępny sposób ostylować własny checkbox?
  72. 72.Dlaczego formularz powinien mieć prawdziwy <form> i przycisk wysyłania?
  73. 73.Dlaczego sam fokus lub wpisywanie nie powinny zmieniać kontekstu, np. wysyłać formularza?
  74. 74.Czym jest pułapka klawiaturowa?
  75. 75.Dlaczego CSS order lub flex-direction: row-reverse może sprawiać problemy?