EDCMP-7173 · 30 ЖОВТНЯ 2026

СЕН на мобільних екранах

Звіт зі скриншотами до/після, покриттям перевірки та відкритими зауваженнями.

2додаткові виправлення мобільного CSS
15прикладів віджетів до/після
48юнітів у повторному статичному перегляді
320–430pxширини перевірки нових виправлень
Методика, походження та межі доказів

Курс course-v1:rg+SEN001+2026 на стейджі Vector. «До» — чинні стилі стейджу. «Після» — та сама сторінка й DOM-елемент із доданими стилями гілки виправлення. Це перевірка CSS у браузері; вона не підтверджує розгортання гілки на сервері.

Галерея: 390 CSS px, висота вікна 844 px, DPR 2, Chromium/Puppeteer з емуляцією мобільного пристрою. Наявні ширини зібраного аудиту: 360, 390, 430 px. У таблиці «—» означає відсутність вимірювання. Кожне автоматичне спрацювання перевіряється двічі; зберігаються лише повторювані.

Повний CSS, завантажений зі стейджу для «до», не був збережений. Нижче є SHA-256 скомпільованих CSS із origin/master та гілки, а також застосованої різниці. Хеш базової компіляції не є доказом точного CSS стейджу.

Кадри центровані на тому самому селекторі. Через зміну висоти елементів межі кадру можуть відрізнятися. Окремі знімки — приклади автоматичних спрацювань, тому сама наявність пари не означає, що весь юніт не має інших дефектів.

Початковий скрипт знімків перевіряв наявність блоків на сторінці, але не ідентичність активного юніта. Посилання у таких парах вказує запланований юніт; знімки без окремого запису перевірки активного ID потребують звіряння. Сам фінальний геометричний аудит перевіряє точний usage-id юніта.

Вибірково вручну звірено вітальні заголовки кадрів юнітів 1–6, 10 і 11: номери станцій відповідають плану. Перелік перевірених кадрів із хешами. Це підтвердження конкретних прикладів, а не автоматична валідація всіх старих пар.

Обмеження: це не перевірка на фізичному iPhone/Android. Вміст SCORM, приховані стани та повідомлення кнопки Submit з HTML-сутностями виключені з геометричного сканера. Відсутність горизонтального скролу сторінки не гарантує відсутності локально обрізаного тексту. Лічильник спрацювань рахує елементи на кожній ширині, а не унікальні баги.

Додаткова перевірка й MR

edx-theme !50 · мобільна верстка · reviewer: Кирило · assignee: Іван

edx-platform !40 · українські підписи CAPA · reviewer: Кирило · assignee: Іван

CI теми пройшов: pipeline 284700, перевірки conventions і lint для фінального коміту c779f8eb.

Додатково переглянуто оглядові контактні аркуші 48 збережених юнітів та збільшені фрагменти станції 3. Це огляд геометрії, а не повна перевірка тексту й усіх інтерактивних станів. Інвентар і межі перегляду.

Обмеження старих повносторінкових скриншотів

У 35 довгих full-page JPG виявлено дефект захоплення: з координати y=16384 повторюється верх сторінки. Порівняння пікселів підтвердило повтор; це не доказ дублювання на самому сайті. Частину таких сторінок нижче 16384px не можна вважати візуально перевіреною за цими файлами. Короткі парні кадри в основній галереї знімаються окремими фрагментами висотою до 900px.

Новий знайдений дефект: перетягування хмаринок на телефоні

У станції 8 довгий список хмаринок віддаляв ціль за межі екрана. Під час перетягування початковий обробник блокував прокрутку, тому частину хмаринок не можна було донести до цілі. Додаткове CSS-виправлення тримає ціль у видимій частині віджета.

Офлайн-відтворення: збережений HTML зі стейджу, оригінальний JavaScript вправи та скомпільований CSS теми. Успішні touch-перетягування: 30/55 → 55/55 на 320×568, 360×640, 390×844, 430×932 і 667×375. На 1280px геометрія залишилася ідентичною. Це не замінює перевірку після розгортання на стейджі.

До · ціль нижче екрана
До: хмаринки на телефоні, ціль недоступна у вікні
Після · успішне перетягування
Після: ціль видно й хмаринку успішно переміщено

Кадри показують результат спроби взаємодії, тому стан вправи відрізняється. Офлайн-відтворення використовує резервний системний шрифт; точний вигляд завантажуваних шрифтів стейджу тут не перевірено. Усі результати · Перевірка 1280px · Відтворюваний сценарій. Основна галерея та аудит нижче зняті до цього додаткового виправлення.

Другий знайдений дефект: слайдер «У житті, а не в підручнику»

У станції 3 контейнер #ec-zhytti-3 мав від’ємні відступи з вбудованого CSS й виступав на 20px за краї картки. Усередині залишався лівий відступ 96px. Додаткове виправлення вирівнює слайдер із карткою та встановлює горизонтальні відступи тексту 16px.

Офлайн-перевірка DOM, отриманого зі стейджу: на 320, 360, 390 і 430px слайдер уміщується в картку; переходи 1→2→3→1 працюють, текст не виходить за її межі. Геометрія на 1280px не змінилася.

До · вихід за краї й зайвий відступ
Слайдер до виправлення на360px
Після · ширина картки й16px відступи
Слайдер після виправлення на360px

У відтворенні зовнішні іконки/медіа можуть бути відсутні; дефекти їх завантаження на офлайн-кадрах не є результатом перевірки продакшену. Геометрія та стани переходів · Сценарій. Основна успадкована галерея нижче не включає це додаткове виправлення.

Окремий дефект CAPA: кнопка з HTML-сутностями замість українського тексту

У вправі «Який це стрес?» станції 4 кнопка показує буквальні послідовності Н... замість «Надіслати»; така довга послідовність створює горизонтальне переповнення. Причина — серіалізація не-ASCII символів усередині авторського JavaScript. Це окрема проблема платформи й авторського вмісту, яку CSS теми не усуває.

edx-platform !40 — збереження Unicode в CAPA JavaScript. Виправлення запушено; розгортання ще не виконано. CI 284702 успішний; повний набір тестів LMS локально недоступний.

CI платформи перед публікацією: pipeline 284702 успішно завершено для коміту 13306dab. Статус перевірено 30.10.2026 о 00:03:29 UTC; результат доступний за посиланням.

Перевірка окремого виправлення: три цільові перевірки серіалізації не проходять на базовій версії й проходять після зміни; також пройдено чотири контрольні перевірки. У браузерному відтворенні на 320, 360, 390, 430 і 1280px українські підписи читаються правильно; ширина документа, яка на телефоні становила 645px, уміщується в заданий екран.

До · буквальні HTML-сутності
Кнопка до виправлення серіалізації CAPA
Після · український підпис
Кнопка після виправлення серіалізації CAPA

Це мінімальне офлайн-відтворення серіалізації, не скриншот розгорнутої LMS. Перевірки виконані цільовим стендом Python 3.12 / lxml 5.3; повний тестовий набір LMS тут не запускався. Результати серіалізації · Браузерні результати.

Діагностика та точкова запасна поправка для Studio. Збережена поправка Studio не застосовувалася до курсу. Тому звіт не стверджує, що весь курс уже повністю позбувся горизонтального переповнення.

Успадкований live-аудит: покриття та сирі спрацювання

Цільові спрацювання (плеєри, завеликий drag-and-drop, select за межами таблиці): 1697 → 0. Усього інших і цільових спрацювань після стилів: 177.

Юніт / станція360px
до → після		390px
до → після		430px
до → після		1280px
до → після
1. Станція 1. Звідки вирушаємо в СЕН-мандрівку?9 → 09 → 09 → 0—
2. Станція 2. Навіщо СЕН у сучасній освіті?14 → 114 → 114 → 1—
3. Станція 3. Як СЕН підтримує ключові компетентності й наскрізні вміння НУШ?35 → 1134 → 1134 → 11—
4. Станція 4. Чому соціально-емоційні навички в освітньому процесі сприяють благополуччю?15 → 015 → 015 → 0—
5. Станція 5. Як НУШ і СЕН вписуються в сучасні освітні парадигми у світі?21 → 021 → 021 → 0—
6. Станція 6. Яка додана вартість СЕН у часи криз?23 → 023 → 023 → 0—
7. Контрольний тест за маршрутом 1.12 → 02 → 02 → 0—
8. Станція 7. Яку користь від СЕН отримує вчительство?13 → 012 → 012 → 0—
9. Станція 8. Як СЕН може допомогти Вам просто зараз?44 → 044 → 042 → 0—
10. Станція 9. Як зауважування чи ігнорування фізичних самовідчуттів пов’язане зі станом і діями учня / учениці?25 → 124 → 126 → 1—
11. Станція 10. Як СЕН і ДоСЕН допомагають зрозуміти і врахувати потреби і виклики учнівства на практиці?22 → 021 → 021 → 0—
12. Контрольний тест за маршрутом 1.22 → 02 → 02 → 0—
13. Станція 11. Як орієнтуватися у світі СЕН?22 → 026 → 024 → 0—
14. Станція 12. Що й навіщо необхідно знати про CASEL?24 → 024 → 022 → 0—
15. Станція 13. Як підхід «Поширюємо турботу» (Making Caring Common) допоможе в закладі освіти?25 → 125 → 125 → 1—
16. Станція 14. Як 5 навичок усвідомленого вибору (RULER) допоможуть організувати освітній процес?29 → 030 → 028 → 0—
17. Станція 15. У чому переваги програми СЕЕН та як вона впроваджується в Україні?32 → 237 → 234 → 2—
18. Станція 16. Чому інтеграція СЕН в освітній процес — це не додаток, а база?19 → 120 → 120 → 1—
19. Контрольний тест за маршрутом 1.32 → 02 → 02 → 0—
20. Станція 17. Як СЕН створює освітній простір, в якому дихається вільно?18 → 016 → 016 → 0—
21. Станція 18. Як СЕН посилює педагогічну майстерність?23 → 023 → 023 → 0—
22. Станція 19. Як СЕ-навички підтримують недискримінаційний та інклюзивний підходи в освіті?17 → 117 → 117 → 1—
23. Станція 20. Як зробити СЕН «обов’язковим мінімумом» у закладі освіти?15 → 215 → 215 → 2—
24. Контрольний тест за маршрутом 1.42 → 02 → 02 → 0—
25. Станція 21. Як тренувати критичне й системне мислення через щоденні ситуації на уроках?13 → 013 → 012 → 0—
26. Станція 22. Як перейти від автоматичної реакції до виваженого педагогічного рішення?4 → 03 → 03 → 0—
27. Станція 23. Як системне мислення формує цілісне бачення освітнього процесу?6 → 05 → 05 → 0—
28. Станція 24. Як ставити запитання, які стимулюють процес мислення?27 → 625 → 625 → 6—
29. Контрольний тест за маршрутом 2.12 → 02 → 02 → 0—
30. Станція 25. Як емоційна й тілесна грамотність сприяють благополуччю?16 → 116 → 116 → 1—
31. Станція 26. Як розвивати нейропластичність мозку й продуктивно долати стрес?12 → 012 → 012 → 0—
32. Станція 27. Як емоції і ресурсна підтримка впливають на мотивацію до навчання?12 → 012 → 012 → 0—
33. Станція 28. Що таке зона стійкості, і як у ній триматися?14 → 014 → 014 → 0—
34. Станція 29. Як швидко повертатися в зону стійкості?13 → 013 → 013 → 0—
35. Станція 30. Як особиста стійкість сприяє благополуччю спільноти?11 → 011 → 011 → 0—
36. Контрольний тест за маршрутом 2.21 → 01 → 01 → 0—
37. Станція 31. Як зробити, щоб проблема стала ресурсом?18 → 318 → 317 → 3—
38. Станція 32. Як СЕ-навички допомагають конструктивно розвʼязувати конфлікти?19 → 519 → 519 → 5—
39. Станція 33. Як СЕН допомагає запобігати конфліктам, цькуванню, дискримінації?16 → 116 → 116 → 1—
40. Станція 34. Чому і як СЕ-навички сприяють академічній успішності?10 → 010 → 010 → 0—
41. Станція 35. Яка роль СЕН у програмах надолуження освітніх втрат?30 → 2030 → 2030 → 20—
42. Станція 36. Як інструменти СЕН допомагають плекати внутрішню мотивацію учнівства?16 → 315 → 315 → 3—
43. Контрольний тест за маршрутом 2.31 → 01 → 01 → 0—
44. Станція 37. Як співпрацювати і плекати довіру за допомогою інструментів СЕН?23 → 023 → 022 → 0—
45. Станція 38. Як поєднання принципів ненасильницького спілкування і концепції СЕН сприяє емоційній безпеці?16 → 015 → 015 → 0—
46. Станція 39. Чому СЕН в освіті неможливе без залучення батьківства / опікунства?16 → 016 → 016 → 0—
47. Станція 40. Куди привела СЕН-мандрівка, і що далі?9 → 09 → 09 → 0—
48. Контрольний тест за маршрутом 2.41 → 01 → 01 → 0—

Успадковані автоматичні спрацювання

Нижче — сирі результати геометричного сканера для стилів 6816280, до двох додаткових CSS-виправлень. Вони потребують візуальної класифікації: частина може бути очікуваною поведінкою, прихованою гранню картки чи контрольованою прокруткою. Статус PASS попередніх скриптів означав виконання вузьких критеріїв, а не відсутність усіх багів.

Підтверджені хибні спрацювання: службові INPUT/SELECT/LABEL усередині .wrapper-problem-response в юнітах 28, 30, 37, 38, 42, 46, 41 навмисно сховані в контейнері 1×1px із clip: rect(0,0,0,0). Геометрія таких полів не є видимим дефектом мобільної верстки. Обчислені стилі та точні селектори.

Юніт 2 · Станція 2. Навіщо СЕН у сучасній освіті? — 3 спрацювань
  • 360px cut 341px: DIV.gol-slide "На початку XX століття фундаме"
  • 390px cut 371px: DIV.gol-slide "На початку XX століття фундаме"
  • 430px cut 411px: DIV.gol-slide "На початку XX століття фундаме"
Юніт 3 · Станція 3. Як СЕН підтримує ключові компетентності й наскрізні вміння НУШ? — 33 спрацювань
  • 360px cut 20px: DIV.id-editor-content#ec-zhytti-3 "Згадайте ситуацію з власного ж"
  • 360px cut left: DIV.id-editor-content#ec-zhytti-3 "Згадайте ситуацію з власного ж"
  • 360px cut 20px: DIV.id-slider#slider-u-zhytti-3 "Згадайте ситуацію з власного ж"
  • 360px cut left: DIV.id-slider#slider-u-zhytti-3 "Згадайте ситуацію з власного ж"
  • 360px cut 19px: DIV.slides "Згадайте ситуацію з власного ж"
  • 360px cut left: DIV.slides "Згадайте ситуацію з власного ж"
  • 360px cut 19px: DIV.slide "Згадайте ситуацію з власного ж"
  • 360px cut left: DIV.slide "Згадайте ситуацію з власного ж"
  • 360px cut 19px: DIV.slider-nav ""
  • 360px cut left: DIV.slider-nav ""
  • 360px cut 341px: DIV.slide "Нова українська школа — це сис"
  • 390px cut 20px: DIV.id-editor-content#ec-zhytti-3 "Згадайте ситуацію з власного ж"
  • 390px cut left: DIV.id-editor-content#ec-zhytti-3 "Згадайте ситуацію з власного ж"
  • 390px cut 20px: DIV.id-slider#slider-u-zhytti-3 "Згадайте ситуацію з власного ж"
  • 390px cut left: DIV.id-slider#slider-u-zhytti-3 "Згадайте ситуацію з власного ж"
  • 390px cut 19px: DIV.slides "Згадайте ситуацію з власного ж"
  • 390px cut left: DIV.slides "Згадайте ситуацію з власного ж"
  • 390px cut 19px: DIV.slide "Згадайте ситуацію з власного ж"
  • 390px cut left: DIV.slide "Згадайте ситуацію з власного ж"
  • 390px cut 19px: DIV.slider-nav ""
  • 390px cut left: DIV.slider-nav ""
  • 390px cut 371px: DIV.slide "Нова українська школа — це сис"
  • 430px cut 20px: DIV.id-editor-content#ec-zhytti-3 "Згадайте ситуацію з власного ж"
  • 430px cut left: DIV.id-editor-content#ec-zhytti-3 "Згадайте ситуацію з власного ж"
  • 430px cut 20px: DIV.id-slider#slider-u-zhytti-3 "Згадайте ситуацію з власного ж"
  • 430px cut left: DIV.id-slider#slider-u-zhytti-3 "Згадайте ситуацію з власного ж"
  • 430px cut 19px: DIV.slides "Згадайте ситуацію з власного ж"
  • 430px cut left: DIV.slides "Згадайте ситуацію з власного ж"
  • 430px cut 19px: DIV.slide "Згадайте ситуацію з власного ж"
  • 430px cut left: DIV.slide "Згадайте ситуацію з власного ж"
  • 430px cut 19px: DIV.slider-nav ""
  • 430px cut left: DIV.slider-nav ""
  • 430px cut 411px: DIV.slide "Нова українська школа — це сис"
Юніт 10 · Станція 9. Як зауважування чи ігнорування фізичних самовідчуттів пов’язане зі станом і діями учня / учениці? — 3 спрацювань
  • 360px cut 341px: DIV.slide "Тілесна грамотність — це усвід"
  • 390px cut 371px: DIV.slide "Тілесна грамотність — це усвід"
  • 430px cut 411px: DIV.slide "Тілесна грамотність — це усвід"
Юніт 15 · Станція 13. Як підхід «Поширюємо турботу» (Making Caring Common) допоможе в закладі освіти? — 3 спрацювань
  • 360px cut 341px: DIV.slide "У відповідь на цю тенденцію в "
  • 390px cut 371px: DIV.slide "У відповідь на цю тенденцію в "
  • 430px cut 411px: DIV.slide "У відповідь на цю тенденцію в "
Юніт 17 · Станція 15. У чому переваги програми СЕЕН та як вона впроваджується в Україні? — 6 спрацювань
  • 360px cut 341px: DIV.slide "Від 2019 року СЕЕН поширюється"
  • 360px cut 341px: DIV.slide ""
  • 390px cut 371px: DIV.slide "Від 2019 року СЕЕН поширюється"
  • 390px cut 371px: DIV.slide ""
  • 430px cut 411px: DIV.slide "Від 2019 року СЕЕН поширюється"
  • 430px cut 411px: DIV.slide ""
Юніт 18 · Станція 16. Чому інтеграція СЕН в освітній процес — це не додаток, а база? — 3 спрацювань
  • 360px cut 341px: DIV.slide "Візьміть свій перекус у руку. "
  • 390px cut 371px: DIV.slide "Візьміть свій перекус у руку. "
  • 430px cut 411px: DIV.slide "Візьміть свій перекус у руку. "
Юніт 22 · Станція 19. Як СЕ-навички підтримують недискримінаційний та інклюзивний підходи в освіті? — 3 спрацювань
  • 360px cut 219px: DIV.slide "Стаття 24 Конституції України "
  • 390px cut 249px: DIV.slide "Стаття 24 Конституції України "
  • 430px cut 289px: DIV.slide "Стаття 24 Конституції України "
Юніт 23 · Станція 20. Як зробити СЕН «обов’язковим мінімумом» у закладі освіти? — 6 спрацювань
  • 360px cut 341px: DIV.slide ""
  • 360px cut 341px: IMG. ""
  • 390px cut 371px: DIV.slide ""
  • 390px cut 371px: IMG. ""
  • 430px cut 411px: DIV.slide ""
  • 430px cut 411px: IMG. ""
Юніт 28 · Станція 24. Як ставити запитання, які стимулюють процес мислення? — 18 спрацювань
  • 360px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_2_1 ""
  • 360px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_3_1 ""
  • 360px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_4_1 ""
  • 360px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_5_1 ""
  • 360px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_6_1 ""
  • 360px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_7_1 ""
  • 390px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_2_1 ""
  • 390px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_3_1 ""
  • 390px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_4_1 ""
  • 390px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_5_1 ""
  • 390px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_6_1 ""
  • 390px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_7_1 ""
  • 430px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_2_1 ""
  • 430px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_3_1 ""
  • 430px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_4_1 ""
  • 430px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_5_1 ""
  • 430px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_6_1 ""
  • 430px cut 159px: INPUT.#input_2055ceea83d74f07a9b74dc966996e98_7_1 ""
Юніт 30 · Станція 25. Як емоційна й тілесна грамотність сприяють благополуччю? — 3 спрацювань
  • 360px cut 159px: INPUT.#input_cd62b10b055e4c26b6c1758538f74b73_2_1 ""
  • 390px cut 159px: INPUT.#input_cd62b10b055e4c26b6c1758538f74b73_2_1 ""
  • 430px cut 159px: INPUT.#input_cd62b10b055e4c26b6c1758538f74b73_2_1 ""
Юніт 37 · Станція 31. Як зробити, щоб проблема стала ресурсом? — 9 спрацювань
  • 360px cut 159px: INPUT.#input_7a94176cff224de0b5385352419aa999_2_1 ""
  • 360px cut 317px: DIV.slide ""
  • 360px cut 159px: INPUT.#input_751f147a585247909bae413c1eefa1c8_2_1 ""
  • 390px cut 159px: INPUT.#input_7a94176cff224de0b5385352419aa999_2_1 ""
  • 390px cut 347px: DIV.slide ""
  • 390px cut 159px: INPUT.#input_751f147a585247909bae413c1eefa1c8_2_1 ""
  • 430px cut 159px: INPUT.#input_7a94176cff224de0b5385352419aa999_2_1 ""
  • 430px cut 387px: DIV.slide ""
  • 430px cut 159px: INPUT.#input_751f147a585247909bae413c1eefa1c8_2_1 ""
Юніт 38 · Станція 32. Як СЕ-навички допомагають конструктивно розвʼязувати конфлікти? — 15 спрацювань
  • 360px cut 43px: SELECT.#input_89c3c0b970ec40ceb3c346719bccbbe3_2_1 "Select an option роздратування"
  • 360px cut 159px: INPUT.#input_89c3c0b970ec40ceb3c346719bccbbe3_3_1 ""
  • 360px cut 159px: INPUT.#input_13961b2a0b554aa08a203cce63667b99_2_1 ""
  • 360px cut 159px: INPUT.#input_13961b2a0b554aa08a203cce63667b99_3_1 ""
  • 360px cut 159px: INPUT.#input_13961b2a0b554aa08a203cce63667b99_4_1 ""
  • 390px cut 43px: SELECT.#input_89c3c0b970ec40ceb3c346719bccbbe3_2_1 "Select an option роздратування"
  • 390px cut 159px: INPUT.#input_89c3c0b970ec40ceb3c346719bccbbe3_3_1 ""
  • 390px cut 159px: INPUT.#input_13961b2a0b554aa08a203cce63667b99_2_1 ""
  • 390px cut 159px: INPUT.#input_13961b2a0b554aa08a203cce63667b99_3_1 ""
  • 390px cut 159px: INPUT.#input_13961b2a0b554aa08a203cce63667b99_4_1 ""
  • 430px cut 43px: SELECT.#input_89c3c0b970ec40ceb3c346719bccbbe3_2_1 "Select an option роздратування"
  • 430px cut 159px: INPUT.#input_89c3c0b970ec40ceb3c346719bccbbe3_3_1 ""
  • 430px cut 159px: INPUT.#input_13961b2a0b554aa08a203cce63667b99_2_1 ""
  • 430px cut 159px: INPUT.#input_13961b2a0b554aa08a203cce63667b99_3_1 ""
  • 430px cut 159px: INPUT.#input_13961b2a0b554aa08a203cce63667b99_4_1 ""
Юніт 39 · Станція 33. Як СЕН допомагає запобігати конфліктам, цькуванню, дискримінації? — 3 спрацювань
  • 360px cut 341px: DIV.bul-slide "Міжнародне дослідження ДоСЕН 2"
  • 390px cut 371px: DIV.bul-slide "Міжнародне дослідження ДоСЕН 2"
  • 430px cut 411px: DIV.bul-slide "Міжнародне дослідження ДоСЕН 2"
Юніт 41 · Станція 35. Яка роль СЕН у програмах надолуження освітніх втрат? — 60 спрацювань
  • 360px cut 159px: INPUT.#input_79fd7ce6eba54d15a94e244bade881f5_2_1 ""
  • 360px cut 159px: INPUT.#input_1869279b8de149a08ddf04193439a006_2_1 ""
  • 360px cut 99px: DIV.choicegroup#inputtype_1869279b8de149a08ddf04193439a006_3_1 "Фільтр 2. Безпека: який інстру"
  • 360px cut 99px: FIELDSET. "Фільтр 2. Безпека: який інстру"
  • 360px cut 99px: LEGEND.response-fieldset-legend#1869279b8de149a08ddf04193439a006_3_1-legend "Фільтр 2. Безпека: який інстру"
  • 360px cut 99px: DIV.field "Попередня діагностика"
  • 360px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_3_1-choice_0-label "Попередня діагностика"
  • 360px cut 99px: DIV.field "Право на помилку без оцінюванн"
  • 360px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_3_1-choice_1-label "Право на помилку без оцінюванн"
  • 360px cut 99px: DIV.field "Наставницький супровід"
  • 360px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_3_1-choice_2-label "Наставницький супровід"
  • 360px cut 99px: DIV.choicegroup#inputtype_1869279b8de149a08ddf04193439a006_4_1 "Фільтр 3. Суб'єктність: яку мо"
  • 360px cut 99px: FIELDSET. "Фільтр 3. Суб'єктність: яку мо"
  • 360px cut 99px: LEGEND.response-fieldset-legend#1869279b8de149a08ddf04193439a006_4_1-legend "Фільтр 3. Суб'єктність: яку мо"
  • 360px cut 99px: DIV.field "Вибір темпу"
  • 360px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_4_1-choice_0-label "Вибір темпу"
  • 360px cut 99px: DIV.field "Вибір формату фінального проєк"
  • 360px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_4_1-choice_1-label "Вибір формату фінального проєк"
  • 360px cut 99px: DIV.field "Вибір джерел інформації"
  • 360px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_4_1-choice_2-label "Вибір джерел інформації"
  • 390px cut 159px: INPUT.#input_79fd7ce6eba54d15a94e244bade881f5_2_1 ""
  • 390px cut 159px: INPUT.#input_1869279b8de149a08ddf04193439a006_2_1 ""
  • 390px cut 99px: DIV.choicegroup#inputtype_1869279b8de149a08ddf04193439a006_3_1 "Фільтр 2. Безпека: який інстру"
  • 390px cut 99px: FIELDSET. "Фільтр 2. Безпека: який інстру"
  • 390px cut 99px: LEGEND.response-fieldset-legend#1869279b8de149a08ddf04193439a006_3_1-legend "Фільтр 2. Безпека: який інстру"
  • 390px cut 99px: DIV.field "Попередня діагностика"
  • 390px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_3_1-choice_0-label "Попередня діагностика"
  • 390px cut 99px: DIV.field "Право на помилку без оцінюванн"
  • 390px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_3_1-choice_1-label "Право на помилку без оцінюванн"
  • 390px cut 99px: DIV.field "Наставницький супровід"
  • 390px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_3_1-choice_2-label "Наставницький супровід"
  • 390px cut 99px: DIV.choicegroup#inputtype_1869279b8de149a08ddf04193439a006_4_1 "Фільтр 3. Суб'єктність: яку мо"
  • 390px cut 99px: FIELDSET. "Фільтр 3. Суб'єктність: яку мо"
  • 390px cut 99px: LEGEND.response-fieldset-legend#1869279b8de149a08ddf04193439a006_4_1-legend "Фільтр 3. Суб'єктність: яку мо"
  • 390px cut 99px: DIV.field "Вибір темпу"
  • 390px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_4_1-choice_0-label "Вибір темпу"
  • 390px cut 99px: DIV.field "Вибір формату фінального проєк"
  • 390px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_4_1-choice_1-label "Вибір формату фінального проєк"
  • 390px cut 99px: DIV.field "Вибір джерел інформації"
  • 390px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_4_1-choice_2-label "Вибір джерел інформації"
  • 430px cut 159px: INPUT.#input_79fd7ce6eba54d15a94e244bade881f5_2_1 ""
  • 430px cut 159px: INPUT.#input_1869279b8de149a08ddf04193439a006_2_1 ""
  • 430px cut 99px: DIV.choicegroup#inputtype_1869279b8de149a08ddf04193439a006_3_1 "Фільтр 2. Безпека: який інстру"
  • 430px cut 99px: FIELDSET. "Фільтр 2. Безпека: який інстру"
  • 430px cut 99px: LEGEND.response-fieldset-legend#1869279b8de149a08ddf04193439a006_3_1-legend "Фільтр 2. Безпека: який інстру"
  • 430px cut 99px: DIV.field "Попередня діагностика"
  • 430px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_3_1-choice_0-label "Попередня діагностика"
  • 430px cut 99px: DIV.field "Право на помилку без оцінюванн"
  • 430px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_3_1-choice_1-label "Право на помилку без оцінюванн"
  • 430px cut 99px: DIV.field "Наставницький супровід"
  • 430px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_3_1-choice_2-label "Наставницький супровід"
  • 430px cut 99px: DIV.choicegroup#inputtype_1869279b8de149a08ddf04193439a006_4_1 "Фільтр 3. Суб'єктність: яку мо"
  • 430px cut 99px: FIELDSET. "Фільтр 3. Суб'єктність: яку мо"
  • 430px cut 99px: LEGEND.response-fieldset-legend#1869279b8de149a08ddf04193439a006_4_1-legend "Фільтр 3. Суб'єктність: яку мо"
  • 430px cut 99px: DIV.field "Вибір темпу"
  • 430px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_4_1-choice_0-label "Вибір темпу"
  • 430px cut 99px: DIV.field "Вибір формату фінального проєк"
  • 430px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_4_1-choice_1-label "Вибір формату фінального проєк"
  • 430px cut 99px: DIV.field "Вибір джерел інформації"
  • 430px cut 99px: LABEL.response-label#1869279b8de149a08ddf04193439a006_4_1-choice_2-label "Вибір джерел інформації"
Юніт 42 · Станція 36. Як інструменти СЕН допомагають плекати внутрішню мотивацію учнівства? — 9 спрацювань
  • 360px cut 159px: INPUT.#input_f6828f3adc9d4ef1b1376b64a6cf8ca7_2_1 ""
  • 360px cut 159px: INPUT.#input_f6828f3adc9d4ef1b1376b64a6cf8ca7_3_1 ""
  • 360px cut 159px: INPUT.#input_f6828f3adc9d4ef1b1376b64a6cf8ca7_4_1 ""
  • 390px cut 159px: INPUT.#input_f6828f3adc9d4ef1b1376b64a6cf8ca7_2_1 ""
  • 390px cut 159px: INPUT.#input_f6828f3adc9d4ef1b1376b64a6cf8ca7_3_1 ""
  • 390px cut 159px: INPUT.#input_f6828f3adc9d4ef1b1376b64a6cf8ca7_4_1 ""
  • 430px cut 159px: INPUT.#input_f6828f3adc9d4ef1b1376b64a6cf8ca7_2_1 ""
  • 430px cut 159px: INPUT.#input_f6828f3adc9d4ef1b1376b64a6cf8ca7_3_1 ""
  • 430px cut 159px: INPUT.#input_f6828f3adc9d4ef1b1376b64a6cf8ca7_4_1 ""

Докази та відтворення

Повний маніфест, SHA-256 і пропуски · Об’єднаний сирий аудит · Генератор звіту

Службовий план успадкованого знімання: 20 незнятих записів

Це записи попереднього внутрішнього плану зі 169 пар, а не кількість підтверджених невиправлених багів. Основний звіт зосереджено на характерних віджетах і двох нових виправленнях.

  • g27-098 · Станція 23. Як системне мислення формує цілісне бачення освітнього процесу? · player overflow 56px: #audio-player-u1ow6s
  • g27-099 · Станція 23. Як системне мислення формує цілісне бачення освітнього процесу? · hidden under STRONG.: SPAN.audio-current-time "0:00"
  • g27-100 · Станція 23. Як системне мислення формує цілісне бачення освітнього процесу? · hidden under P.: SPAN.audio-current-time "0:00"
  • g28-102 · Станція 24. Як ставити запитання, які стимулюють процес мислення? · player overflow 56px: #audio-player-u1ow6s
  • w02-00 · Станція 2. Навіщо СЕН у сучасній освіті? · Drag-and-drop «Ефективна взаємодія з іншими»: картинка 8000px → 770px, прокрутка всередині блоку
  • w02-01 · Станція 2. Навіщо СЕН у сучасній освіті? · Аудіоплеєр перед питанням опитування налазив на заголовок
  • w04-02 · Станція 4. Чому соціально-емоційні навички в освітньому процесі сприяють благополуччю? · Задача «Тип стресу»: список виходив за край таблиці
  • w04-03 · Станція 4. Чому соціально-емоційні навички в освітньому процесі сприяють благополуччю? · Вправа «Внутрішній метроном»: повзунок і кнопки вилазили з зеленого плеєра
  • w05-04 · Станція 5. Як НУШ і СЕН вписуються в сучасні освітні парадигми у світі? · Картки, що перевертаються: обрізані на 10px праворуч
  • w09-05 · Станція 8. Як СЕН може допомогти Вам просто зараз? · Слайдер «Кожна Ваша дія — це урок»: заголовок «Що Ви транслюєте?» обрізаний зліва
  • w09-06 · Станція 8. Як СЕН може допомогти Вам просто зараз? · Хмарки тригерів: розкидані координатами під широкий екран, налазили одна на одну й на зону скидання
  • w10-07 · Станція 9. Як зауважування чи ігнорування фізичних самовідчуттів пов’язане зі станом і діями учня / учениці? · HALT: стрілка рядка виходила за край
  • w11-08 · Станція 10. Як СЕН і ДоСЕН допомагають зрозуміти і врахувати потреби і виклики учнівства на практиці? · Кроки «Правила взаємодії»: список «оберіть варіант» обрізаний до кількох літер
  • w16-09 · Станція 14. Як 5 навичок усвідомленого вибору (RULER) допоможуть організувати освітній процес? · CASEL/RULER: третя колонка карток обрізана
  • w16-10 · Станція 14. Як 5 навичок усвідомленого вибору (RULER) допоможуть організувати освітній процес? · Інструменти RULER: друга колонка карток обрізана
  • w16-11 · Станція 14. Як 5 навичок усвідомленого вибору (RULER) допоможуть організувати освітній процес? · Вимірювач настрою: цитата обрізана знизу
  • w20-12 · Станція 17. Як СЕН створює освітній простір, в якому дихається вільно? · Акордеон займав половину ширини, стрілки обрізані
  • w25-13 · Станція 21. Як тренувати критичне й системне мислення через щоденні ситуації на уроках? · Факт/Судження/Висновок: картки й зони обрізані праворуч
  • w27-14 · Станція 23. Як системне мислення формує цілісне бачення освітнього процесу? · Кейси «Поняття»: картки стиснуті з двох боків, список на кілька літер
  • w41-15 · Станція 35. Яка роль СЕН у програмах надолуження освітніх втрат? · Василь/Ігнат: список у реченні обрізаний

HEAD під час складання звіту: c779f8eb3b48dc6c23393b2b160b30b03d881cb4. Для фіксації CSS використовуйте хеші файлів нижче; поточний HEAD може бути новішим за знімки.

Хеші збережених стилів і скриптів
  • evidence/pairs-b-out-base.css
    a25dbf9e1d662fd37814ba532ceb55f50d6ff4ce5bb7f570fdbfb4d98b746d1d
  • evidence/pairs-b-out-ref.css
    fa70c85ece29f32cfc743d9e0d4998fd5f9b52f0f450342ce7956259f34bfc42
  • evidence/pairs-b-delta.css
    c54625a407ae0e9a1681c6a685c5dd765d5cc376a07dcdf63dcfe874cafc4413
  • evidence/pairs-b-part-base.scss
    e4c033402418d9c84ec80bac41845a8bb7d5825d3105abc164dcb965074c0b31
  • evidence/pairs-b-part-ref.scss
    2becd2e172f89d42e26dcac811a603646722f5856fd27b4e5ad2e89ac6baba72
  • evidence/delta-check.css
    78706af71b42b3762f9f598818bd9aa41481f642013189526f4a025dfff94ec9
  • evidence/audit2.js
    cd33c03d635de88fca4c82523a800ffbce2da4b5fe6d607be9e9b8eab9091daa
  • evidence/pairs.js
    61a2b27ef31f37c23a36ed40806d092162921e24dd1eaf736b8a099d1295194d
  • evidence/units.json
    8e7d4c39fe7dd12230da5f57b2a41f7997f90b47d1d7b7c6ea6caaa738ed0409
  • evidence/build-delta.sh
    de4fd1d361f23ffbeb5eea0d33587a717b164b69f2ba943d028741c940958e73
  • evidence/stub.scss
    fcc06e1b22177b28d0d69aa3487756cc1b27927fda4388183c1549c13ec1f894
  • independent/current.css
    9e76ebdfc7fa2a93815dc0e38595098e913e11654c0c4e716de5ec6de7aad8eb
  • independent/part-current.scss
    85c803283660911d42e024ec7890544b9c0cd13bbbdf5ecafafb4ddecca273f0
  • independent/cloud-regression-results.json
    a3e7d9931f4276d4e101e5f1f8521ceded904ac0dad3a36ede1ed67c90fa89df
  • independent/desktop-regression.json
    09d3715043b94c2cf2defdb33b80a71d7cfcf62d899ac5f580dea2f76a8d4748
  • independent/slider-regression-results.json
    fe850b9761e3d9fc0be42aca55c174e758cb120f9479487f9bbddaeebc4d9c45
  • independent/independent-delta.css
    4cb4b8cfa228f91a70860136d9d0d557e5dcc4c2f77e56aff77e8e824a1087fa

Звіт зібрано: 2026-10-30T01:59:44+02:00 · Час Києва. Попередня галерея зберігається окремо й містить історичні кадри.