Technologie asystujace, czytniki ekranu, sterowanie glosowe, standardy dostepnosci (WCAG)
ð Podstawa programowa: IV.3Informatyka 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.
WCAG (Web Content Accessibility Guidelines) to miedzynarodowy standard tworzenia dostepnych stron internetowych. Opiera sie na 4 zasadach - POUR:
<!-- 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>
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?
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.
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.
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.