Technologie asystujace, dostepnosc cyfrowa, czytniki ekranu
ð Podstawa programowa: IV.3Dostepnosc cyfrowa (ang. Digital Accessibility) oznacza projektowanie technologii, stron internetowych i aplikacji w taki sposob, aby mogly z nich korzystac wszystkie osoby - rowniez te z niepelnosprawnosciami wzroku, sluchu, ruchu czy poznawczymi.
Technologie asystujace to narzedzia i oprogramowanie pomagajace osobom z niepelnosprawnosciami korzystac z komputerow i internetu:
WCAG (Web Content Accessibility Guidelines) to miedzynarodowy standard dostepnosci stron internetowych opracowany przez W3C. Opiera sie na 4 zasadach - tresci musza byc:
Wiele firm i instytucji wdraza rozwiazania dostepnosci:
Wlacz czytnik ekranu na swoim komputerze (NVDA na Windows - darmowy, VoiceOver na Mac - wbudowany) i sprobuj nawigowac po wybranej stronie internetowej przez 5 minut BEZ patrzenia na ekran. Opisz swoje doswiadczenia: co bylo trudne? Co bylo zaskakujace?
Wybierz dowolna strone internetowa (np. szkoly, ulubionego sklepu). Uzyj narzedzia WAVE (wave.webaim.org) lub Lighthouse w Chrome DevTools, aby sprawdzic jej dostepnosc. Sporządz raport: ile bledow znaleziono? Jakie sa najczestsze problemy? Zaproponuj 3 poprawki.
Stworz prosta strone HTML (5-6 elementow), ktora spelnia podstawowe wymagania WCAG: poprawna struktura naglowkow, tekst alternatywny do obrazow, odpowiedni kontrast, mozliwosc nawigacji klawiatura. Przetestuj ja czytnikiem ekranu.
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Dostepna strona</title>
<style>
body { font-size: 18px; color: #222; background: #fff; }
a:focus { outline: 3px solid #005fcc; }
img { max-width: 100%; }
</style>
</head>
<body>
<header>
<h1>Moja dostepna strona</h1>
<nav aria-label="Menu glowne">
<a href="#tresc">Przejdz do tresci</a>
</nav>
</header>
<main id="tresc">
<h2>O dostepnosci</h2>
<p>Ta strona jest dostepna dla wszystkich.</p>
<img src="obraz.jpg" alt="Osoba korzystajaca z czytnika ekranu">
</main>
</body>
</html>Zaprojektuj (na papierze lub w programie graficznym) koncept prostej aplikacji mobilnej pomagajacej osobom z wybrana niepelnosprawnoscia. Okresl: (a) dla kogo jest aplikacja, (b) jaki problem rozwiazuje, (c) jakie ma glowne funkcje, (d) jak wyglada interfejs. Przygotuj krotka prezentacje swojego pomyslu.