W e-commerce tekst alternatywny do zdjęć (alt) łatwo zredukować do roli „elementu pod SEO”. A szkoda, bo alt jest przede wszystkim po to, żeby osoba korzystająca z narzędzi asystujących dostała to samo znaczenie, które normalnie widałaby na obrazie. To praktyka podejścia „dla ludzi”: liczy się funkcja obrazu na stronie oraz informacja, którą on wnosi w kontekście zakupów.
Gdy piszesz copy dla altów bez celu, powstaje typowy chaos: raz opis wyglądu, raz marketing, raz nic nieznaczące zdanie. Ten poradnik pokazuje prosty sposób myślenia i redakcji: jak dopasować alt do zdjęcia produktowego, kiedy alt ma być pusty (alt=""), jak odróżnić opis funkcji od opisu wyglądu oraz jak zrobić wstępny przegląd dostępności w sklepie.
Bez obietnic „jednego standardu” i bez obiecywania konkretnych efektów. Chodzi o treść, kontekst i jakość opisu obrazu — taką, którą da się utrzymać w codziennej pracy.
Dlaczego alt w e-commerce to temat „dla ludzi” (nie tylko dla SEO)
Alt jako ekwiwalent znaczenia obrazu
Alt to słowny opis tego, co reprezentuje grafika. W praktyce jego zadanie jest proste: jeśli obraz przekazuje jakąś informację albo pełni rolę funkcjonalną, alt powinien przekazać to znaczenie również wtedy, gdy obraz nie jest odbierany wzrokowo. Użytkownik „dostaje obraz” w formie tekstu.
W e-commerce oznacza to, że nie każdy obraz potrzebuje takiego samego opisu. Inaczej podchodzisz do zdjęcia produktowego, które pomaga zrozumieć towar, inaczej do dekoracyjnego grafitu w tle. W dodatku są obrazy, które są jak element sterujący (np. ikonka działająca jak link lub przycisk) — wtedy alt ma nazywać funkcję, a nie „ładny kadr”.
Ważny detal: podejście do altów nie jest „jednym standardem na wszystko”. Zgodnie z logiką dostępności ocena opisu zależy od kontekstu i roli obrazu na stronie. Ty nie piszesz altów dla samego SEO. Piszesz alt dla użytkownika i dla zrozumiałości treści.
Alt dla zdjęć produktowych: 4 typowe sytuacje i co wtedy pisać
Kiedy alt ma opowiadać o „tym, co to jest”, a kiedy o „tym, co robi”
W sklepie internetowym zdjęć nie brakuje, ale ich rola zwykle wraca w kilku schematach. Pierwszy krok to sklasyfikowanie obrazu: czy ma dostarczać informację, czy jest funkcjonalny. Dopiero potem dobierasz treść alternatywy.
Najczęściej spotkasz dwa tryby myślenia. W trybie „to jest” alt opisuje znaczenie widoczne na zdjęciu: że to konkretny produkt, konkretny wariant albo konkretny detal, który ma znaczenie dla wyboru. W trybie „to robi” alt opisuje działanie elementu — szczególnie gdy grafika działa jak link lub przycisk.
Jeśli widzisz ikonkę, która wywołuje akcję (np. otwiera coś, przełącza widok, uruchamia funkcję w interfejsie), alt ma nazwać funkcję wprost: użytkownik musi wiedzieć, co się stanie po użyciu. Z kolei jeśli patrzysz na zdjęcie produktu, alt ma pomóc zrozumieć, co przedstawia obraz i jaką informację użytkownik może z niego odczytać.
Alt dla wariantów i różnic w karcie produktu
Warianty (kolor, rozmiar, wersja) są miejscem, gdzie copy dla altów najczęściej wymaga redakcji. Zasada jest praktyczna: alt powinien odzwierciedlać różnicę, która jest istotna dla użytkownika. Jeśli fotografia pokazuje wariant, a bez opisu byłoby niejasne, co jest czym, alternatywa powinna to doprecyzować.
Jednocześnie nie chodzi o „wypisanie całej karty produktu do altów”. Wystarczy przekazać to, co obraz wnosi: informację lub cechę, która pomaga rozróżnić warianty. To podejście pozwala utrzymać spójność w galerii i nie rozciąga altów w nieskończoność.
W praktyce możesz zastosować roboczy schemat: najpierw nazwa produktu lub typ (o ile ma sens w kontekście), potem to, co wyróżnia dany obraz (np. wariant lub zauważalna cecha), a na końcu, jeśli obraz ma rolę w wyborze, doprecyzowanie znaczenia dla użytkownika. Najważniejsze: alt ma opisywać znaczenie obrazu, a nie samą estetykę zdjęcia.
Kiedy alt ma być pusty (alt="") — szybka decyzja „decorative vs content”
Szybki test w 2 krokach
Nie wszystkie grafiki muszą mieć opis. Wiele elementów w e-commerce jest dekoracyjnych: tło, ozdobniki, ilustracje bez informacji potrzebnych do zrozumienia strony. W takich przypadkach rekomendowany bywa null text alternative, czyli alt="". Dzięki temu narzędzia asystujące nie „czytają” użytkownikowi treści, która nie wnosi nic do zrozumienia.
Żeby podjąć decyzję bez długich dyskusji w zespole, użyj prostego testu w dwóch krokach.
- Pytanie 1: czy bez tego obrazu użytkownikowi brakuje informacji do zrozumienia treści lub działania na stronie?
- Pytanie 2: czy obraz jest tylko ozdobą, która nie wspiera interpretacji i nie pełni funkcji sterującej?
Jeśli odpowiedź na oba pytania brzmi „nie”, alt="" jest sensownym wyborem. Jeśli natomiast obraz przekazuje istotną informację albo jest elementem funkcjonalnym, alt nie powinien być pusty.
Jak sprawdzić, czy alt spełnia wymagania dostępności (WCAG): prosta checklist(a) wstępna
„Brak alt” vs „zły alt”: co sprawdzać najpierw
Wstępna kontrola ma być szybka i użyteczna — nie zastępuje pełnego audytu, ale pozwala wyłapać najważniejsze problemy. W podejściu wstępnym kluczowe jest rozróżnienie dwóch sytuacji: brak alt oraz alt, który jest „na niby”, bo opis nie pasuje do roli obrazu.
Najpierw upewnij się, że nie ma obrazów bez alternatywy. To pierwszy sygnał ryzyka, bo użytkownik nie dostanie żadnego znaczenia zamiast grafiki. Potem przejdź do oceny jakości opisu: czy alt jest adekwatny do informacji lub funkcji, którą obraz realnie niesie.
W praktyce ocena „czy alt jest funkcjonalny” powinna odpowiadać na pytanie: czy osoba, która zastępuje obraz tekstem, ma ekwiwalentne doświadczenie. Jeśli alt opisuje tylko wygląd („ładny produkt”) albo rozmija się z tym, co obraz wnosi, to nie jest dobra alternatywa.
Uwaga na dekoracje: jeśli grafika jest ozdobna, a jednak dostaje rozbudowany opis, to też jest błąd w logice dostępności. Wtedy najczęściej nie trzeba „poprawiać tekstu”, tylko zmienić jego rolę w treści — czyli rozważyć alt="".
Mini-warsztat copy do altów: zasady językowe i przykłady poprawy
Jak rozróżnić opis funkcji od opisu wyglądu
Copy dla altów powinno być krótkie, konkretne i nastawione na użyteczność. Problem nie leży w samych słowach, tylko w kierunku opisu: czy alt odpowiada na „co z tego wynika dla użytkownika?”, czy tylko relacjonuje „jak to wygląda”.
Rozróżnienie jest proste, jeśli najpierw ustalisz rolę obrazu. Gdy grafika jest funkcjonalna, alt ma opisywać funkcję/akcję. Nie ma sensu streszczać ikonki jako obiektu. Zamiast tego alt powinien powiedzieć, co użytkownik może zrobić. Gdy obraz jest informacyjny (zdjęcie produktu), alt ma wskazać najważniejszą informację z obrazu, czyli znaczenie, które wpływa na zrozumienie lub wybór.
W e-commerce często pomaga robocza zasada redakcyjna: zacznij od zdania, które zaczyna się od „To jest… (jeśli obraz jest informacyjny)” albo od „Ta grafika… (jeśli obraz działa)” — a potem dopasuj do tego, co faktycznie widać i co realnie wnosi obraz w kontekście strony. Na etapie korekty sprawdź jeszcze jedną rzecz: czy alt nie miesza opisu dostępności z marketingową próbą „sprzedania” produktu. Jeśli w alt wkrada się reklama, zwykle rośnie ryzyko, że opis przestaje być funkcjonalny.
Najczęstsze błędy altów w e-commerce (i jak je naprawić bez reworku całej galerii)
Od czego zacząć, żeby poprawić najwięcej najszybciej
Jeśli w sklepie altów jest dużo, łatwo wpaść w pułapkę „naprawimy wszystko naraz”. Lepsza jest kolejność: priorytety oparte o rolę obrazów. Najpierw naprawiaj to, co wpływa na zrozumienie i obsługę, bo to daje największą redukcję ryzyka.
Najczęstsze błędy, które zobaczysz w praktyce, zwykle wyglądają tak:
- Brak alt albo brak alt tam, gdzie użytkownik potrzebuje znaczenia z obrazu.
- Zły alt dla dekoracji: zamiast alt="" pojawia się opis, który nie jest potrzebny do zrozumienia.
- Opis tylko wyglądu bez informacji o funkcji albo o tym, co obraz ma znaczyć w wyborze produktu.
- Alt pomylony z opisem marketingowym, czyli dużo słów, mało funkcji.
Jak naprawić to bez reworku całej galerii? Zacznij od obrazów o najwyższej roli: zdjęcia produktowe, grafiki, które są powiązane z wyborem wariantu oraz elementy, które mogą działać jak kontrolki. Dopiero potem przechodź do reszty. Dzięki temu poprawiasz jakość tam, gdzie alt jest najbardziej potrzebny.
Podsumowując: alt ma opisywać znaczenie lub funkcję obrazu w kontekście e-commerce. Jeśli obraz wnosi informację — opisuj to, co użytkownik musi zrozumieć. Jeśli obraz jest funkcjonalny — opisz funkcję/akcję, a nie wygląd. Jeśli obraz jest czysto dekoracyjny i nie pomaga w zrozumieniu ani obsłudze — rozważ alt="". W praktyce najwięcej wygrywa podejście oparte o rolę obrazu i wstępny przegląd: brak altów i nieadekwatne opisy mają pierwszeństwo. Skontaktuj się z Aleteksty.pl, aby omówić artykuły, teksty na stronę, opisy produktów lub regularną obsługę treści.
