Питання на співбесіді з доступності (Senior) з відповідями

75 запитань для співбесіди з теми Доступність (Senior) - з правильними відповідями, поясненнями й посиланнями на документацію.

Пройти цей тест
  1. 1.Як інформація потрапляє з DOM до скринрідера?
  2. 2.Яка з цих ролей отримує ім'я зі свого вмісту?
  3. 3.Що оголосить скринрідер для цього посилання?
  4. 4.Чи може aria-describedby вказувати на елемент з атрибутом hidden?
  5. 5.Модальне вікно ставить aria-hidden="true" на #app, але фокус досі всередині #app. Що станеться?
  6. 6.Що станеться з role="presentation" на фокусованому елементі?
  7. 7.Чому role="presentation" на <ul> змінює і його <li>?
  8. 8.Чому зайва обгортка може зламати цей віджет?
  9. 9.Чому не варто покладатися лише на aria-controls?
  10. 10.Чому aria-labelledby не працює через межу Shadow DOM?
  11. 11.Що ElementInternals дає власним елементам?
  12. 12.Коли role="grid" доречний, а не звичайна table?
  13. 13.Яка правильна структура ARIA 1.2 для редагованого combobox?
  14. 14.Пошуковий combobox оновлює результати під час введення. Що ще потрібно користувачам скринрідерів?
  15. 15.Коли лишити нативний <select>, а не власний listbox?
  16. 16.Слайдер ціни має aria-valuenow="3", а на екрані «$300 - $500». Чого бракує?
  17. 17.Що робить власний вибір дати складним?
  18. 18.У редакторі тексту Tab вставляє відступ. Що ще треба надати?
  19. 19.Що таке typeahead у меню й списках?
  20. 20.Обробник у React задає стан, щоб показати панель, і викликає ref.current.focus(). Чому це не працює?
  21. 21.Що робити, якщо елемента, який відкрив діалог, уже немає при закритті?
  22. 22.Чому inert кращий за пастку фокусу на елементах-сторожах?
  23. 23.Чим атрибут popover відрізняється від модального <dialog>?
  24. 24.Чим dialog.show() відрізняється від dialog.showModal()?
  25. 25.Чому жива область може стати проблемою в чаті чи дашборді?
  26. 26.Подвійне збереження показує той самий текст «Збережено», але вдруге він не оголошується. Чому?
  27. 27.Який ризик SSR додає інтерактивним елементам?
  28. 28.Fallback Suspense замінює область, де був фокус. Що станеться?
  29. 29.Як зробити графік на <canvas> доступним?
  30. 30.Що має пропонувати інтерактивний графік, крім гарного контрасту?
  31. 31.Чому PDF за посиланням із сайту теж потребує роботи над доступністю?
  32. 32.Який CSS допомагає верстці працювати в мовах із письмом справа наліво?
  33. 33.Який критерій WCAG 2.2 стосується механізмів допомоги?
  34. 34.Який критерій вилучили у WCAG 2.2?
  35. 35.Що з цього додали у WCAG 2.2?
  36. 36.Який статус WCAG 3?
  37. 37.Чи застосовується відповідність WCAG до окремих компонентів?
  38. 38.Сайт вбудовує сторонній платіжний віджет, що порушує WCAG. Чия це проблема?
  39. 39.Яка роль WCAG-EM?
  40. 40.Що таке ACR, зазвичай на основі VPAT?
  41. 41.Що таке EN 301 549?
  42. 42.Які бізнеси звільнені від EAA щодо послуг?
  43. 43.Як пріоритезувати беклог проблем доступності?
  44. 44.Як додати автоперевірки a11y у великий застарілий застосунок, не заблокувавши всіх?
  45. 45.Що дизайн-система може дати доступності, чого не дадуть правки сторінок?
  46. 46.Навіщо тестувати з людьми з інвалідністю, якщо аудит уже є?
  47. 47.Як перевірити контраст тексту на градієнті чи фото?
  48. 48.Що означає напівпрозорий текст для перевірки контрасту?
  49. 49.Що додає критерій AAA Focus Appearance?
  50. 50.При масштабі 400% фіксована шапка займає пів екрана. Що добре зробити?
  51. 51.Власний елемент реагує лише на touchstart і keydown. Чому він може не працювати з VoiceOver чи TalkBack?
  52. 52.Чому власний жест свайпу може бути недоступним?
  53. 53.Як користувачі Dragon чи Voice Control натискають кнопку?
  54. 54.Як людина з екранною лупою бачить тост у далекому кутку?
  55. 55.Чому не варто покладатися на атрибут title для важливої інформації?
  56. 56.Коли aria-roledescription - погана ідея?
  57. 57.Вебзастосунок додає скорочення однією клавішею, як-от j і k. Що вимагає WCAG?
  58. 58.Який підхід до зменшення руху найбезпечніший за замовчуванням?
  59. 59.Як врахувати зменшення руху в анімаціях на JavaScript?
  60. 60.Чому стосується prefers-reduced-transparency?
  61. 61.Чому варто уникати зображень тексту, як-от заголовка в SVG-банері?
  62. 62.Що таке аудіодескрипція і коли вона потрібна?
  63. 63.Віртуалізована таблиця показує рядки 500-520 із 10 000. Що допоможе?
  64. 64.Як зробити сортований перетягуванням список доступним із клавіатури?
  65. 65.Яка перевірка в тесті показує, що отримує користувач допоміжних технологій?
  66. 66.Що порівнюють ARIA-знімки Playwright?
  67. 67.Чи доводить успішний запит getByRole, що скринрідер поводитиметься правильно?
  68. 68.На сторінці 800 посилань, а людині зі скринрідером потрібен третій розділ. Що пришвидшить пошук?
  69. 69.У чому проблема асинхронної помилки, доданої в aria-describedby після blur?
  70. 70.Чому outline-offset і overflow: hidden можуть конфліктувати?
  71. 71.Чи достатньо alt, згенерованого ШІ, для великого каталогу?
  72. 72.Який головний ризик доступності в банерах згоди на cookies?
  73. 73.Як вирішити, сховати чи вимкнути недоступний для людини елемент?
  74. 74.Команда стилізує кнопки, але для дій випускає <a href="#">. Яка справжня ціна?
  75. 75.Яка головна користь критеріїв доступності в definition of done?