Проекти

 

Доступність сайтів

(9 класи)

Класна робота

- відео 1  

- отже 

Доступність - це безбар’єрність, універсальність.
Вона відкриває, допомагає, поєднує.
Таким чином Інтернет має бути, відкритим для кожного користувача.

 Практична робота: 

«Детектив доступності»

Мета: на практиці перевірити, наскільки інклюзивним є сучасний інтернет.

Етап 1: Вибір об’єкта (2 хв)

коледжі києва https://osvita.ua/vnz/college/search-41-107-0-0-0.html/

Етап 2: Тестування (10-12 хв)

Учні мають виконати три перевірки та заповнити короткий чек-лист.

Перевірка №1: «Тільки клавіатура» (Навігація)

• Завдання: Відкладіть мишку/тачпад. Спробуйте за допомогою клавіші Tab пройтися по меню сайту.
• На що звернути увагу: Чи видно «фокус» (рамку навколо кнопки)? Чи можна натиснути на посилання клавішею Enter?
• Висновок: Якщо ви «заблукали» або не бачите, де зараз курсор — сайт має низьку доступність.

Перевірка №2: «Контраст та шрифт»

• ·      Контрастність: Чи легко читати текст? (Наприклад, сірий текст на світло-сірому фоні — це погано).

  ·         Збільшення: Спробуйте збільшити масштаб сторінки до 200% (Ctrl + +). Чи не «поплив» текст один на одного і чи з’явилася зручна прокрутка?

  ·         Тільки колір: Чи є на сайті повідомлення, які передаються лише кольором? (Наприклад: «Обов’язкові поля виділені червоним»). Має бути ще й текст або символ (зірочка *).

Перевірка №3: «Альтернативний текст» (Для просунутих)

• ·         Текстовий опис (Alt): Якщо вимкнути відображення картинок у браузері, чи зрозуміло з тексту, що на них було зображено? (Особливо для кнопок-іконок).

  ·         Відсутність тексту на картинках: Чи не є важлива інформація (наприклад, номер телефону чи адреса) частиною зображення, яке не зможе прочитати програма для незрячих?

Етап 3: Висновки (3 хв)

Форма оцінювання сайту.

Проект Квітка для мами 

(7 класи)

Виконання проекту

відео з ілюстрації

 квітка з кіл.(9.28-квітка з трикутників, 11.53- квітка з кіл)

код:

шестикутник:

import turtle

turtle.shape("turtle")

for i in range(6):

    turtle.forward(40)

    turtle.right(60)

дуга:

circle(100,90)

left(90)

circle(100,90)

Нагадую:

- зовнішний цикл  формує квітку

- внутрішній - пелюстку

- кути повороту розраховуються за формулою 360/кількість сторін

Помістити код для квітки на дошку (можна додати і саму квітку)