Web Accessibility Academy · Lekcja

Postrzegalność: czy każdy może odebrać treść?

Alternatywy tekstowe, napisy i treści, które można dostosować

Lekcja 1 z 413 kroki

Postrzegalność: czy każdy może odebrać treść? to bezpłatna lekcja Web Accessibility Academy na CoddyKit. To lekcja 1 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.

Co oznacza postrzegalność

Postrzegalność to pierwsza zasada WCAG: każdy użytkownik musi móc odebrać Państwa treści, nawet jeśli nie może ich zobaczyć, usłyszeć lub przeczytać w zwykły sposób.

Dlaczego to pierwsza zasada

Jeśli ktoś nie może nawet dostrzec przycisku lub obrazu, nic więcej nie ma znaczenia. Postrzegalność to fundament, na którym opierają się trzy pozostałe zasady.

Alternatywy tekstowe

Treści nietekstowe potrzebują słów. Alternatywa tekstowa pozwala czytnikowi ekranu odczytać obraz, dzięki czemu niewidomy użytkownik otrzymuje to samo znaczenie, które Państwo widzą. 🖼️

<img src="chart.png" alt="Sales doubled in Q4">

Napisy do dźwięku

Głuchy użytkownik nie słyszy Państwa filmu. Napisy zamieniają wypowiadane słowa w tekst na ekranie, dzięki czemu dźwięk staje się postrzegalny wzrokowo.

Transkrypcje również

Transkrypcja to pełny tekst nagrania audio lub wideo. Pomaga głuchym użytkownikom, osobom przebywającym w cichych pomieszczeniach oraz każdemu, kto woli czytać niż słuchać.

Treści, które się dostosowują

Ludzie zmieniają rozmiar tekstu, powiększają stronę lub przełączają się na tryb ciemny. Dostosowujące się treści zachowują znaczenie i kolejność niezależnie od sposobu prezentacji.

Znaczenie w kodzie znaczników

Używaj prawdziwych elementów HTML, aby zachować strukturę. Nagłówek pozostaje nagłówkiem po usunięciu stylów, więc czytnik ekranu nadal wie, że jest to tytuł.

<h2>Order Summary</h2>

Nie polegaj wyłącznie na kolorze

Jeśli czerwony oznacza błąd, osoba z zaburzeniami rozpoznawania kolorów może go nie zauważyć. Połącz kolor z tekstem lub ikoną, aby znaczenie było postrzegalne bez rozpoznawania barwy.

Wystarczający kontrast

Jasnoszary tekst na białym tle jest nieczytelny dla osób słabowidzących. Wyraźny kontrast między tekstem a tłem sprawia, że słowa są czytelne dla wszystkich.

Treści rozróżnialne

Ułatwiaj rozróżnianie elementów: stosuj czytelny rozmiar tekstu, wyraźne odstępy oraz dźwięk, który można wstrzymać. To aspekt rozróżnialności postrzegalnych treści.

Pytanie o postrzegalność

Proszę zapytać o każdą treść: czy ktoś może ją odebrać bez użycia wzroku lub słuchu? Jeśli nie, należy zapewnić tej osobie alternatywę.

Szybki test

Sprawdźmy zasadę postrzegalności.

Podsumowanie: postrzegalność

Dowiedzieli się Państwo, że postrzegalność oznacza możliwość odebrania treści przez każdego: dzięki tekstom alternatywnym, napisom, transkrypcjom, dostosowującemu się układowi i kontrastowi. Najpierw zapewnij możliwość odbioru, a dopiero potem buduj dalej. 🌱

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 „Postrzegalność: czy każdy może odebrać treść?” jest bezpłatna?

Tak — pełny tekst „Postrzegalność: czy każdy może odebrać treść?” 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 „Postrzegalność: czy każdy może odebrać treść?”?

Alternatywy tekstowe, napisy i treści, które można dostosować Ć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 1 z 4.

Ile czasu zajmuje lekcja „Postrzegalność: czy każdy może odebrać treść?”?

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. Postrzegalność: czy każdy może odebrać treść?
  2. Obsługiwalność: czy każdy może korzystać z elementów sterujących?
  3. Zrozumiałość: czy treść jest czytelna i przewidywalna?
  4. Solidność: czy rozwiązanie zadziała z używaną technologią?
← Powrót do Web Accessibility Academy