Informacyjne czy dekoracyjne: pierwsza decyzja
Zdecyduj, czy obraz w ogóle potrzebuje opisu
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.
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
- Informacyjne czy dekoracyjne: pierwsza decyzja
- Pisanie tekstu alt, który przekazuje znaczenie, a nie piksele
- Pusty alt i ukryty obraz dekoracyjny
- Złożone obrazy: wykresy, mapy i długie opisy