Pisanie tekstu alt, który przekazuje znaczenie, a nie piksele
Opisz znaczenie obrazu w danym kontekście
Pisanie tekstu alt, który przekazuje znaczenie, a nie piksele to bezpłatna lekcja Web Accessibility Academy na CoddyKit. To lekcja 2 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.
Opisuj znaczenie, nie wygląd
Dobry tekst alt opisuje, co obraz znaczy w danym kontekście, a nie przedstawia piksel po pikselu każdego koloru i kształtu.
Znaczenie ważniejsze niż piksele
Zastanów się, dlaczego obraz znajduje się na stronie. Odpowiedź wskazuje jego cel, a tekst alt powinien przekazać dokładnie to i nic więcej.
Pomiń image of
Nie zaczynaj od image of ani photo of. Czytniki ekranu już informują, że chodzi o obraz, więc te słowa tylko zabierają czas.
<img src="cat.jpg" alt="A tabby cat asleep on a keyboard">Zachowaj zwięzłość
Celuj w krótką, kompletną frazę, zwykle krótszą niż około 125 znaków. Jeśli potrzebujesz więcej, obraz może być złożony.
Kontekst zmienia wszystko
To samo zdjęcie psa może przedstawiać przykład rasy albo historię zadowolonego klienta. Niech otaczający je kontekst kształtuje użyte słowa.
Obrazy będące linkami
Gdy obraz jest jedyną zawartością linku, jego alt musi opisywać miejsce docelowe linku, a nie tylko przedstawiony obraz.
<a href="/home"><img src="logo.svg" alt="Acme home"></a>Obrazy zawierające tekst
Jeśli grafika zawiera słowa, tekst alt musi zawierać cały ten tekst, aby nic nie zostało utracone przez osoby niewidome.
Nie powtarzaj pobliskiego tekstu
Jeśli podpis znajdujący się tuż obok obrazu już go opisuje, pusty alt zapobiega dwukrotnemu odczytaniu go przez czytnik ekranu.
Pisz tak, aby zachować równoważność
Wyobraź sobie, że odczytujesz tekst alt komuś przez telefon. Jeśli ta osoba zrozumie ten sam przekaz, osiągnąłeś prawdziwą równoważność.
Unikaj upychania słów kluczowych
Tekst alt nie jest miejscem na gromadzenie treści SEO. Upychanie w nim słów kluczowych szkodzi prawdziwym użytkownikom i jest dokładnym przeciwieństwem dobrego tekstu alt.
Interpunkcja pomaga w tempie odczytu
Kończ tekst alt kropką. Ten niewielki znak interpunkcyjny daje czytnikowi ekranu naturalną pauzę przed przejściem dalej.
Szybkie sprawdzenie
Wybierz najlepszy tekst alt poniżej.
Podsumowanie
Świetne postępy! Dobry tekst alt zwięźle przekazuje cel, pomija image of, uwzględnia kontekst i nigdy nie upycha słów kluczowych.
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 „Pisanie tekstu alt, który przekazuje znaczenie, a nie piksele” jest bezpłatna?
Tak — pełny tekst „Pisanie tekstu alt, który przekazuje znaczenie, a nie piksele” 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 „Pisanie tekstu alt, który przekazuje znaczenie, a nie piksele”?
Opisz znaczenie obrazu w danym kontekście Ć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 2 z 4.
Ile czasu zajmuje lekcja „Pisanie tekstu alt, który przekazuje znaczenie, a nie piksele”?
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