<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-R002-EMTCH+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-R002-EMTCH+2024+type@vertical+block@ade2a749d28c412ab87976118c79369e" data-request-token="e5c0f7ca499711f094eeca8809d1ad38" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-R002-EMTCH+2024+type@video+block@af2cbc0b443e4faa9cb0d99c9a9cca77">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:Profosvita+CS-R002-EMTCH+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:Profosvita+CS-R002-EMTCH+2024+type@video+block@af2cbc0b443e4faa9cb0d99c9a9cca77" data-request-token="e5c0f7ca499711f094eeca8809d1ad38" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2"></h3>
<div
id="video_af2cbc0b443e4faa9cb0d99c9a9cca77"
class="video closed"
data-metadata='{"autoAdvance": false, "autohideHtml5": false, "autoplay": false, "captionDataDir": null, "completionEnabled": false, "completionPercentage": 0.95, "duration": 0.0, "end": 0.0, "generalSpeed": 1.0, "lmsRootURL": "https://lms.e-school.net.ua", "poster": null, "prioritizeHls": false, "publishCompletionUrl": "/courses/course-v1:Profosvita+CS-R002-EMTCH+2024/xblock/block-v1:Profosvita+CS-R002-EMTCH+2024+type@video+block@af2cbc0b443e4faa9cb0d99c9a9cca77/handler/publish_completion", "recordedYoutubeIsAvailable": true, "savedVideoPosition": 0.0, "saveStateEnabled": false, "saveStateUrl": "/courses/course-v1:Profosvita+CS-R002-EMTCH+2024/xblock/block-v1:Profosvita+CS-R002-EMTCH+2024+type@video+block@af2cbc0b443e4faa9cb0d99c9a9cca77/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": [], "speed": null, "start": 0.0, "streams": "1.00:XVs_MrW6NGw", "transcriptAvailableTranslationsUrl": "/courses/course-v1:Profosvita+CS-R002-EMTCH+2024/xblock/block-v1:Profosvita+CS-R002-EMTCH+2024+type@video+block@af2cbc0b443e4faa9cb0d99c9a9cca77/handler/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:Profosvita+CS-R002-EMTCH+2024/xblock/block-v1:Profosvita+CS-R002-EMTCH+2024+type@video+block@af2cbc0b443e4faa9cb0d99c9a9cca77/handler/transcript/translation/__lang__", "ytApiUrl": "https://www.youtube.com/iframe_api", "ytMetadataEndpoint": "", "ytTestTimeout": 1500}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Триває завантаження відео плеєра"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Переглянути відео"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="af2cbc0b443e4faa9cb0d99c9a9cca77"></div>
<h4 class="hd hd-4 video-error is-hidden">Не знайдено жодного джерела відео матеріалів для відтворення.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Ваш браузер не підтримує цей формат відео. Спробуйте інший браузер.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
</div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-R002-EMTCH+2024+type@html+block@6dda7d5096764b04b879d9c7f5f4dda6">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-R002-EMTCH+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-R002-EMTCH+2024+type@html+block@6dda7d5096764b04b879d9c7f5f4dda6" data-request-token="e5c0f7ca499711f094eeca8809d1ad38" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p></p>
<div class="container-dm-pic3">
<div class="container-dm-pic3">
<div class="container-dm-pic3">
<div class="container-dm-pic3">
<div class="dm-pic3"><!-- button start -->
<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="width: 100%; align-self: center; text-align: justify;">
<p style="font-size: 90%;"> <i>
Вітаю, я Браян Саєцкі, я <br/>
працюю бібліотекарем у відділі для старших курсів університету Баффало. <br/>
Під час використання веб-інструментів важливою темою, що заслуговує на увагу, є доступність. <br/>
Технології відкривають двері для багатьох людей з <br/>
інвалідністю, але вони також можуть закривати двері для інших. <br/>
При використанні нових технологій важливо знати про проблеми доступності. <br/>
Найкраща практика - пропонувати весь контент у <br/>
кількох режимах і використовувати різноманітні типи та підходи. <br/>
Завжди враховуйте доступність медіаресурсів, якими ви ділитеся або які створюєте. <br/>
Проведіть дослідження, щоб визначити, чи інструменти, які ви вибрали для використання, або медіа, які ви створюєте, <br/>
доступні для людей з обмеженими можливостями чи з обмеженим доступом до технологій. <br/>
У цьому розділі ми познайомимо вас зі способами тестувати <br/>
інструменти та ваші творіння на наявність проблем із доступністю. <br/>
Структура «універсального дизайну для навчання» або УДН заохочує бути проактивними. <br/>
Подумайте, чи є ваш контент інклюзивним із самого початку розробки. <br/>
Це значно краще, ніж робити спроби <br/>
модифікувати діяльність після того, як знайдеться особа, якій знадобиться пристосування. <br/>
Коли це можливо, дозволяйте людям обирати з різних варіантів. <br/>
Це дозволить вам охопити найширше коло людей, <br/>
які можуть мати різний рівень здібностей або уподобань щодо навчання. <br/>
Термін «Універсальний дизайн для навчання» (Universal Design for Learning) означає науково обґрунтовану структуру, яка: а) <br/>
забезпечує гнучкість у способах подання інформації відповідно до того, як люди <br/>
реагують або демонструють знання та навички, а також так, щоб залучати людей; б) <br/>
зменшує бар’єри, забезпечує відповідне пристосування, <br/>
підтримує і створює виклики, підтримує високий рівень очікувань щодо досягнень <br/>
для всіх, включаючи людей з <br/>
з інвалідністю та людей з обмеженим рівнем володіння англійською мовою. <br/>
Ви дізнаєтесь більше про УДН і доступність в цьому модулі пізніше. <br/>
</i>
</p>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end -->
<!-- button end -->
</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 {
width: 800px;
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>
<div class="container-dm-pic3">
<div class="container-dm-pic3">
<div class="dm-pic3">
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap">
<div class="dm-collaps-content">
<div style="display: flex;">
<div style="width: 100%; align-self: center; text-align: justify;">
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Модуль 1. Навчання впродовж життя"
© Всі права захищено