<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@vertical+block@7949f4f6d95f4e7fa3af1c6165716863" data-request-token="97bb1ae0522c11f09aebd6a7c6110e34" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@fc8930bcc0144dee8d345cbcd77ce3bb">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@fc8930bcc0144dee8d345cbcd77ce3bb" data-request-token="97bb1ae0522c11f09aebd6a7c6110e34" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p></p>
<div style="border: 2px solid #253777; box-shadow: 0px 0px 10px #C3CAD3; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #b1d5e4;">
<p><strong>Інклюзія в освіті</strong> — це принцип, за яким кожна людина, незалежно від її фізичних, інтелектуальних, соціальних, емоційних чи інших особливостей, має рівний доступ до якісної освіти та можливість брати повноцінну участь у навчальному. Це означає створення такого освітнього середовища, яке відповідає потребам і можливостям кожної людини.</p>
</div>
<p>У контексті цифрових навчальних матеріалів, інклюзія набуває особливого значення. Оскільки онлайн-навчання стає дедалі поширенішим, украй важливо, щоб ці матеріали були доступними для всіх людей, включаючи тих, хто має:</p>
<p></p>
<div style="border: 2px solid #b71929; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;">
<ul>
<ul>
<li><strong>Порушення зору:</strong> слабкий зір, сліпота, дальтонізм.</li>
<li><strong>Порушення слуху:</strong> глухота, зниження слуху.</li>
<li><strong>Особливості розвитку:</strong> розлади аутистичного спектра.</li>
<li><strong>Фізичні обмеження:</strong> труднощі з використанням клавіатури чи миші.</li>
<li><strong>Когнітивні особливості:</strong> труднощі з концентрацією, запам'ятовуванням.</li>
</ul>
</ul>
</div>
<h3 style="padding-top: 24px;"><span style="color: #004984; font-weight: bold; font-size: 130%;"> Принципи створення інклюзивних цифрових навчальних матеріалів</span></h3>
<p style="margin-bottom: 1px; font-size: 85%;"><em>Натисніть на інтерактивні елементи, щоб дізнатись більше</em></p>
<p></p>
<div class="container-dm-pic3">
<div class="dm-pic3"><!-- button start 1 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>1. Надання інформації різними способами (множинні засоби представлення)</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li><b>Текст:</b> Забезпечте чіткий, легко читабельний текст із достатнім контрастом між кольором шрифту та фону. Використовуйте зрозумілу структуру, заголовки, списки.</li>
<li><b>Відео:</b> Завжди надавайте субтитри (якісні, перевірені, а не лише автоматичні) та транскрипції (повний текст відео). Розгляньте можливість аудіодескрипції для людей з порушенням зору, яка описує візуальну інформацію.</li>
<li><b>Аудіо:</b> Додайте текстові транскрипції для всіх аудіозаписів.</li>
<li><b>Зображення:</b> Додавайте альтернативний текст (alt text) до всіх значущих зображень, графіків та діаграм. Це опис зображення, який читають програми для читання з екрана.</li>
<li><b>Діаграми/графіки:</b> Окрім візуального представлення, надайте текстове пояснення ключових висновків або табличні дані.</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end 1 --> <!-- button start 2 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>2. Забезпечення різноманітних способів взаємодії та вираження (множинні засоби дії та вираження)</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li><b>Навігація за допомогою клавіатури:</b> Переконайтеся, що всі інтерактивні елементи (кнопки, посилання, поля форм) доступні та функціональні за допомогою клавіатури, без використання миші.</li>
<li><b>Гнучкість у введенні даних:</b> Дозвольте різні способи відповіді на завдання (текст, аудіо, вибір зі списку), щоб учні могли використовувати той, який їм найзручніший.</li>
<li><b>Відсутність обмежень за часом:</b> Завдання, що обмежують час, можуть створювати бар'єри для учнів з певними особливостями (наприклад, дислексія, СДУГ). Надавайте гнучкість у термінах виконання.</li>
<li><b>Збільшення/зменшення масштабу:</b> Переконайтеся, що користувачі можуть збільшувати текст і зображення без втрати функціональності або спотворення макета.</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button start 3 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>3. Створення цікавого та мотиваційного контенту (множинні засоби залучення)</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li><b>Чіткі інструкції:</b> Завжди надавайте прості, покрокові інструкції. Розбивайте складні завдання на менші етапи.</li>
<li><b>Гнучкість вибору:</b> Дозвольте учням обирати, як вони хочуть вивчати матеріал (наприклад, читати текст, дивитися відео, слухати аудіо).</li>
<li><b>Настроювання:</b> Надайте можливість налаштовувати зовнішній вигляд (кольорові схеми, розмір шрифту) для зменшення когнітивного навантаження.</li>
<li><b>Адаптивність рівня складності:</b> Якщо можливо, пропонуйте матеріали різного рівня складності або підтримки (наприклад, підказки, спрощені версії).</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
</div>
</div>
<style><!--
.dm-collaps-wrap {
margin-bottom: 15px;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09);
border-radius: 6px;
}
.dm-collaps {
background-color: #EDEDED;
color: black;
background-image: none;
text-shadow: none;
width: 100%;
font-family: inherit;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
border-radius: 6px 6px 0 0;
text-align: left;
outline: none;
font-size: 15px;
}
.dm-collaps i.fa-angle-down {
font-style: inherit;
margin-right: 10px;
}
.dm-collaps--active i.fa-angle-down {
transform: scaleY(-1);
}
button.dm-collaps--active,
button.dm-collaps:hover,
button.dm-collaps:focus,
button.dm-collaps:active {
background-color: #c0c0c0ff;
color: #000000;
background-image: none;
box-shadow: none;
border: none;
text-shadow: none;
}
.dm-collaps-content {
padding: 0 18px;
display: none;
border-radius: 6px;
overflow: hidden;
background-color: #fff;
}
.dm-collaps-content p {
margin-top: 5px;
}
.dm-collaps-content img {
height: auto;
}
.dm-picnorm {
display: flex;
align-items: center;
}
.dm-picnorm img {
width: auto;
max-height: 150px;
margin-left: 10px;
}
.element_container{
min-height: 120px;
}
@media only screen and (max-width: 980px) {
.dm-picnorm {
flex-direction: column;
margin: 0 auto;
}
}
--></style>
<p>
<script>// <![CDATA[
$(".dm-sc-collaps-wrapper").each(function () {
$(this)
.find(".dm-collaps")
.click(function () {
$(this).toggleClass("dm-collaps--active");
$(this).next().toggle();
});
});
// ]]></script>
</p>
<p></p>
<p></p>
<p></p>
<p style="text-align: center;"><img height="auto" width="640" src="/assets/courseware/v1/43313a92ceb91851f3fc2f0223c72759/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m6_t8_inkl_img1.png" alt="picture1" style="border-radius: 10px;" /></p>
<p></p>
<h3 style="padding-top: 24px;"><span style="color: #004984; font-weight: bold; font-size: 130%;"> Інструменти та практики для створення доступних цифрових матеріалів</span></h3>
<p style="margin-bottom: 1px; font-size: 85%;"><em>Натисніть на інтерактивні елементи, щоб дізнатись більше</em></p>
<p></p>
<div class="container-dm-pic3">
<div class="dm-pic3"><!-- button start 1 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>Google Workspace (Docs, Slides)</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>Документи: Використовуйте стандартні заголовки, списки, таблиці. Додавайте alt text до зображень. Перевіряйте доступність за допомогою вбудованих інструментів.</li>
<li>Презентації: Мінімізуйте кількість тексту на слайдах. Використовуйте високий контраст. Надавайте усний супровід та субтитри, якщо ви записуєте презентацію.</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end 1 --> <!-- button start 2 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>YouTube/Vimeo</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>Завжди додавайте якісні субтитри. Розгляньте можливість створення аудіодескрипції.</li>
<li>Оптимізуйте опис відео для пошуку та надавайте таймкоди.</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button start 3 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>LMS-платформи (Moodle, Canvas, Open edX)</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>Багато LMS мають вбудовані функції доступності та перевірки контенту. Використовуйте їх.</li>
<li>Завантажуйте матеріали у форматах, що підтримують доступність (наприклад, PDF з можливістю читання тексту, а не скановані зображення).</li>
<li>Використовуйте XBlocks або інші інтеграції, які підтримують доступність.</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button start 5 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>PDF-документи </b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>Створюйте PDF з можливістю читання тексту (не скановані зображення).</li>
<li>Використовуйте теговані PDF (tagged PDF), щоб програми для читання з екрана могли правильно інтерпретувати структуру документа.</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end 5 --> <!-- button start 6 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>Інструменти для створення інтерактивного контенту (Genially, H5P) </b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>Перевіряйте, чи підтримують створені інтерактивні елементи навігацію з клавіатури, альт-текст та інші функції доступності.</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end 6 --> <!-- button start 7 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>Дизайн</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>Кольори: Уникайте використання кольору як єдиного засобу передачі інформації. Завжди дублюйте інформацію текстом або символами.</li>
<li>Шрифти: Обирайте чіткі, розбірливі шрифти. Уникайте декоративних шрифтів.</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@dddd745123d549cc901797255e984de9">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@dddd745123d549cc901797255e984de9" data-request-token="97bb1ae0522c11f09aebd6a7c6110e34" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p></p>
<h3 style="padding-top: 24px;"><span style="color: #004984; font-weight: bold; font-size: 130%;"> Важливість інклюзії в цифрових матеріалах</span></h3>
<p style="text-align: justify;">Створення інклюзивних цифрових навчальних матеріалів — це фундаментальна частина забезпечення рівних можливостей в освіті. Це надає кожній людині можливість відчути власну цінність та бути залученою до спільного життя, сприяючи її всебічній інтеграції та розвитку в суспільстві.</p>
<p>Дбаючи про доступність на етапі створення, ми будуємо більш справедливу та ефективну освітню систему для всіх.</p>
<p></p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Модуль 6. Публікація навчальних матеріалів"
© Всі права захищено