Web Accessibility Academy · Lekcja

Technologie wspomagające 101: czytniki ekranu, przełączniki, lupy

Narzędzia, które zmieniają Twój kod znaczników w użyteczne doświadczenie

Lekcja 3 z 413 kroki

Technologie wspomagające 101: czytniki ekranu, przełączniki, lupy to bezpłatna lekcja Web Accessibility Academy na CoddyKit. To lekcja 3 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Web Accessibility Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Web Accessibility Academy zawiera 4 lekcji w sumie.

Narzędzia niwelujące bariery

Technologie asystujące to oprogramowanie i sprzęt, które przekształcają Państwa kod w coś, z czego człowiek może rzeczywiście korzystać. Poznajmy najważniejsze z nich. 🛠️

Jak działa czytnik ekranu

Czytnik ekranu odczytuje stronę na głos lub przesyła ją do monitora brajlowskiego. Odczytuje tekst, linki i nagłówki w odpowiedniej kolejności.

Popularne czytniki ekranu

W systemie Windows spotkają się Państwo z programami NVDA i JAWS, na urządzeniach Apple z VoiceOver, a na Androidzie z TalkBack. Każdy z nich jest dostarczany z platformą lub dostępny bezpłatnie.

Czyta Państwa HTML

Czytnik ekranu odczytuje znaczenie z Państwa HTML. Prawdziwy nagłówek zostaje rozpoznany jako nagłówek, dlatego poprawne znaczniki są tak ważne.

<h1>Welcome</h1>
<button>Buy now</button>

Powiększalniki powiększają ekran

Powiększalnik ekranu powiększa fragment wyświetlacza dla użytkowników słabowidzących. Widzą oni powiększony wycinek i przesuwają widok po ekranie.

Powiększalniki śledzą fokus

Powiększalniki śledzą klawiaturowy fokus i pozycję kursora. Jeśli fokus przeskoczy w nieoczekiwane miejsce, użytkownik może patrzeć na niewłaściwy fragment ekranu.

Dostęp za pomocą przełącznika

Przełącznik to jeden duży przycisk dla osób o ograniczonej sprawności ruchowej. System przegląda dostępne opcje, a jedno kliknięcie wybiera podświetloną.

Przełączniki potrzebują kolejności

Użytkownicy przełączników poruszają się między elementami po jednym kroku, dlatego sensowna kolejność przechodzenia klawiszem Tab sprawia, że skanowanie jest krótkie i przewidywalne.

Sterowanie głosem

Dzięki sterowaniu głosem użytkownicy wypowiadają polecenia, na przykład „kliknij przesyłanie”. Najlepiej działa ono wtedy, gdy przyciski mają jasne, widoczne nazwy zgodne z wypowiadanymi słowami.

Wszystkie czytają Państwa kod

Oto wspólna zasada: każde narzędzie polega na Państwa kodzie znaczników. Czysty, znaczący HTML umożliwia działanie technologii asystujących.

To Państwo dostarczają źródło

Technologie asystujące nie potrafią odgadnąć intencji. Gdy opisują Państwo przycisk lub wybierają prawdziwy element, przekazują tym narzędziom potrzebne znaczenie.

Szybki test

Wybierz właściwe narzędzie do danego zadania.

Podsumowanie: narzędzia działają dzięki kodowi znaczników

Czytniki ekranu mówią, powiększalniki powiększają, a przełączniki skanują, ale wszystkie zależą od Państwa kodu znaczników. Napiszcie go dobrze, a narzędzia pokażą pełnię możliwości. 🚀

Bezpłatny start

Ucz się HTML dzięki korepetycjom AI — za darmo

Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.

Kursy
30
Lekcje
120

Często zadawane pytania

Czy lekcja „Technologie wspomagające 101: czytniki ekranu, przełączniki, lupy” jest bezpłatna?

Tak — pełny tekst „Technologie wspomagające 101: czytniki ekranu, przełączniki, lupy” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Web Accessibility Academy, przejdź na CoddyKit PRO. Kurs Web Accessibility Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Technologie wspomagające 101: czytniki ekranu, przełączniki, lupy”?

Narzędzia, które zmieniają Twój kod znaczników w użyteczne doświadczenie Ćwiczysz Web Accessibility Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Web Accessibility Academy?

Nie wymagamy żadnego doświadczenia. Web Accessibility Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 3 z 4.

Ile czasu zajmuje lekcja „Technologie wspomagające 101: czytniki ekranu, przełączniki, lupy”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Web Accessibility Academy?

Tak. Każda lekcja Web Accessibility Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. Jak naprawdę wygląda niepełnosprawność w Internecie
  2. Poznaj użytkowników: niewidomych, słabowidzących, niesłyszących oraz osoby z ograniczeniami ruchowymi i poznawczymi
  3. Technologie wspomagające 101: czytniki ekranu, przełączniki, lupy
  4. Efekt obniżonego krawężnika: dlaczego dostępność pomaga wszystkim
← Powrót do Web Accessibility Academy