Web Accessibility Academy · Lekcja

Informacyjne czy dekoracyjne: pierwsza decyzja

Zdecyduj, czy obraz w ogóle potrzebuje opisu

Lekcja 1 z 413 kroki

Informacyjne czy dekoracyjne: pierwsza decyzja 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.

Pierwsze pytanie

Zanim napiszesz choć jedno słowo tekstu alternatywnego, zadaj sobie jedno pytanie: czy ten obraz dodaje znaczenie, czy tylko dobrze wygląda?

Dwie kategorie

Każdy obraz należy do jednej z dwóch kategorii: obrazów informacyjnych, które przekazują treść, albo dekoracyjnych, które są wyłącznie ozdobą wizualną.

Co oznacza informacyjny

Obraz informacyjny przekazuje użytkownikowi coś, czego nie wiedziałby bez niego, na przykład przedstawia wykres, produkt lub logo z nazwą firmy.

Co oznacza dekoracyjny

Obraz dekoracyjny nie przekazuje żadnych informacji. Przykładami są ozdobne tła, linie oddzielające lub zdjęcie stockowe służące wyłącznie do budowania nastroju.

Dlaczego ta decyzja ma znaczenie

Właściwa klasyfikacja ma znaczenie, ponieważ błędna decyzja albo ukrywa rzeczywistą treść, albo zalewa użytkowników czytników ekranu niepotrzebnym szumem.

Obraz informacyjny otrzymuje słowa

Jeśli obraz jest informacyjny, dodaj prawdziwy tekst alt, który w danym kontekście przekazuje jego znaczenie.

<img src="sales-up.png" alt="Sales rose 40 percent in March">

Obraz dekoracyjny otrzymuje ciszę

Jeśli obraz jest dekoracyjny, dodaj mu pusty atrybut alt, aby czytniki ekranu mogły go pominąć.

<img src="divider.png" alt="">

Ten sam obraz, dwie role

To samo zdjęcie może być informacyjne na jednej stronie, a dekoracyjne na innej. O roli decyduje kontekst, a nie sam plik.

Praktyczny test

Spróbuj tak: jeśli usunięcie obrazu pozbawiłoby stronę znaczenia, odpowiedź brzmi informacyjny. Jeśli nie, obraz jest dekoracyjny.

Nigdy nie pomijaj alt

Całkowite pominięcie atrybutu alt to najgorszy wybór: wiele czytników ekranu odczyta wtedy nazwę pliku.

Najpierw podejmij decyzję

Twój proces pracy zaczyna się tutaj: sklasyfikuj każdy obraz jako informacyjny albo dekoracyjny zanim zaczniesz zastanawiać się nad sformułowaniem tekstu.

Szybkie sprawdzenie

Czas sprawdzić najważniejszą decyzję.

Podsumowanie

Świetna praca! Każdy obraz jest informacyjny albo dekoracyjny, o roli decyduje kontekst, a ta jedna decyzja określa, czy napiszesz tekst alt, czy pozostawisz go pustym.

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 „Informacyjne czy dekoracyjne: pierwsza decyzja” jest bezpłatna?

Tak — pełny tekst „Informacyjne czy dekoracyjne: pierwsza decyzja” 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 „Informacyjne czy dekoracyjne: pierwsza decyzja”?

Zdecyduj, czy obraz w ogóle potrzebuje opisu Ć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 „Informacyjne czy dekoracyjne: pierwsza decyzja”?

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. Informacyjne czy dekoracyjne: pierwsza decyzja
  2. Pisanie tekstu alt, który przekazuje znaczenie, a nie piksele
  3. Pusty alt i ukryty obraz dekoracyjny
  4. Złożone obrazy: wykresy, mapy i długie opisy
← Powrót do Web Accessibility Academy