Liceum Klasa III 45 minut PP: IV.3 | s. 347

Lekcja 24: Korzysci informatyki dla osob o specjalnych potrzebach

Technologie asystujace, czytniki ekranu, sterowanie glosowe, standardy dostepnosci (WCAG)

📋 Podstawa programowa: IV.3
czytnik ekranudostepnosckontrast
00:00
Wprowadzenie
5 min
00:05
Teoria
15 min
00:20
Cwiczenia
15 min
00:35
Podsumowanie
10 min
📚

Teoria

Technologia w sluzbie dostepnosci

Informatyka odgrywa kluczowa role w wyrownywaniu szans osob z niepelnosprawnosciami. Technologie asystujace (assistive technology) pozwalaja osobom niewidomym czytac, nieslyslysacym komunikowac sie, a osobom z niepelnosprawnosciami ruchowymi korzystac z komputerow.

Dostepnosc cyfrowa (accessibility, a11y) to projektowanie produktow cyfrowych w taki sposob, aby mogly z nich korzystac wszystkie osoby - niezaleznie od ich mozliwosci fizycznych czy kognitywnych.

1. Technologie asystujace

Dla osob niewidomych i slabowidzacych:

  • Czytniki ekranu (screen readers) - NVDA, JAWS, VoiceOver - odczytuja na glos zawartosc ekranu
  • Linijka brajlowska - urzadzenie wyswietlajace tekst w alfabecie Braille'a
  • Lupy ekranowe - powieksza zawartosc ekranu (np. ZoomText)
  • OCR - rozpoznawanie tekstu ze zdjec i skanow
  • Aplikacje rozpoznawania obiektow - np. Seeing AI od Microsoftu opisuje otoczenie

Dla osob nieslyszacych i slaboslyszacych:

  • Automatyczne napisy - generowanie napisow do filmow i rozmow wideo
  • Tlumaczenie na jezyk migowy - avatary AI tlumaczace na jezyk migowy
  • Aparaty sluchowe z Bluetooth - laczenie ze smartfonem
  • Powiadomienia wizualne - zamiana dzwiekow na wibracje lub blysci ekranu

Dla osob z niepelnosprawnosciami ruchowymi:

  • Sterowanie glosowe - Dragon NaturallySpeaking, Siri, Google Assistant
  • Sterowanie wzrokiem (eye tracking) - Tobii - sterowanie komputerem ruchem oczu
  • Przylaczniki (switches) - duze przyciski, sterowanie oddechem
  • Klawiatury i myszy specjalne - trackballe, klawiatury jednorekowe

2. Standardy dostepnosci - WCAG

WCAG (Web Content Accessibility Guidelines) to miedzynarodowy standard tworzenia dostepnych stron internetowych. Opiera sie na 4 zasadach - POUR:

  • P - Perceivable (Postrzegalnosc) - tresc musi byc dostepna dla zmyslow. Np. obrazy musza miec tekst alternatywny (alt), filmy musza miec napisy.
  • O - Operable (Funkcjonalnosc) - interfejs musi byc obslugiwany rozymi sposobami. Np. nawigacja klawiatura (bez myszy), wystarczajaco duzo czasu na interakcje.
  • U - Understandable (Zrozumialosc) - tresc i interfejs musza byc zrozumiale. Np. jasne komunikaty bledow, przewidywalna nawigacja.
  • R - Robust (Solidnosc) - tresc musi dzialac z roznymi technologiami. Np. poprawny HTML, kompatybilnosc z czytnikami ekranu.

3. Praktyczne zasady dostepnosci w HTML

<!-- DOBRZE: obrazek z opisem alternatywnym -->
<img src="wykres.png" alt="Wykres slupkowy pokazujacy
wzrost uzytkownikow internetu w latach 2020-2025">

<!-- ZLE: obrazek bez opisu -->
<img src="wykres.png">

<!-- DOBRZE: formularz z etykietami -->
<label for="email">Adres e-mail:</label>
<input type="email" id="email" name="email">

<!-- DOBRZE: odpowiedni kontrast kolorow -->
<!-- Stosunek kontrastu tekst:tlo minimum 4.5:1 -->

<!-- DOBRZE: semantyczny HTML -->
<nav>...</nav>
<main>...</main>
<header>...</header>
<footer>...</footer>

<!-- DOBRZE: naglowki w kolejnosci -->
<h1>Tytul strony</h1>
<h2>Podtytul</h2>
<h3>Sekcja</h3>

4. Dostepnosc w Polsce - prawo

  • Ustawa o dostepnosci cyfrowej (2019) - strony publiczne musza spelniac WCAG 2.1 AA
  • Ustawa o zapewnianiu dostepnosci (2019) - podmioty publiczne musza byc dostepne
  • European Accessibility Act - od 2025 obowiazek dostepnosci produktow i uslug cyfrowych
Warto wiedziec: Dostepnosc cyfrowa pomaga nie tylko osobom z niepelnosprawnosciami. Napisy pomagaja w halasliwym otoczeniu, tryb ciemny odciaaza oczy, sterowanie glosowe przydaje sie kierowcom. Projektowanie dostepne to projektowanie lepsze dla wszystkich!
✏️

Zadania

Latwe

Zadanie 1: Testowanie czytnika ekranu

Wlacz czytnik ekranu na swoim komputerze (VoiceOver na Mac: Cmd+F5, Narrator na Windows: Win+Ctrl+Enter) lub zainstaluj NVDA. Sprobuj nawigowac po wybranej stronie internetowej bez patrzenia na ekran. Jakie napotkales trudnosci? Co bylo zaskoczeniem?

Srednie

Zadanie 2: Audyt dostepnosci strony

Wybierz dowolna strone internetowa (np. strone swojej szkoly). Przeprowadz audyt dostepnosci: a) Sprawdz kontrast kolorow (uzyj narzedzia WebAIM Contrast Checker), b) Sprawdz, czy obrazy maja alt, c) Sprobuj nawigowac klawiatura (Tab, Enter), d) Uzyj narzedzia WAVE lub Lighthouse. Zapisz 5 znalezionych problemow.

Srednie

Zadanie 3: Dostepna strona HTML

Stworz prosta strone HTML (1 podstrona) zgodna z WCAG: semantyczny HTML, atrybuty alt dla obrazow, etykiety formularzy, odpowiedni kontrast, nawigacja klawiatura. Sprawdz ja narzedziem WAVE lub Lighthouse.

Trudne

Zadanie 4: Prezentacja o technologiach asystujacych

Przygotuj prezentacje (8-10 slajdow) o wybranej technologii asystujuacej (np. czytniki ekranu, sterowanie wzrokiem, tlumaczenie na jezyk migowy). Pokaz: jak dziala, komu pomaga, jakie sa najnowsze osiagniecia. Dolacz demo lub film pokazujacy technologie w dzialaniu.

🎥

Materialy wideo

CDT, czyli Codzienna Dawka Technologii #1 - czytnik immersyjny
Centralny Dom Technologii
Semilac - jak zrobić manicure hybrydowy w domu? *KROK PO KROKU*
SEMILAC®
🎧

Podcasty

✔️

Quiz - sprawdz sie!

📜

Podstawa programowa

← Lekcja 23: Informatyka a rynek pracy Lekcja 25: Projekt koncowy - planowanie →