Przydatny tekst alt zdjęć produktu informuje kupujących, co wnosi konkretny obraz: wygląd produktu, szczegół pokazany w innym ujęciu albo przeznaczenie elementu sterującego opartego na obrazie. Tekst alt to tekstowa alternatywa, z której oprogramowanie, takie jak czytnik ekranu, może skorzystać do opisania obrazu. Najpierw należy ustalić jego przeznaczenie na stronie, a po zapisaniu sprawdzić tekst w rzeczywistej witrynie sklepu.
Galeria może wyglądać przejrzyście, mimo że tekstem alt każdego zdjęcia jest ten sam tytuł produktu. Widok z przodu, szczegół zapięcia i wariant kolorystyczny tracą wtedy w tekście swoje różnice. Proponujemy traktować przegląd galerii produktu jako niewielkie zadanie redakcyjne: redaktor katalogu sprawdza tekst, a osoba utrzymująca witrynę sklepu sprawdza wynik.
Dlaczego tekst alt zdjęć produktu traci szczegóły
Przydatny opis zależy od roli obrazu i otaczającej go treści. Wytyczne W3C dotyczące obrazów informacyjnych zalecają autorom przekazywanie informacji istotnych w danym kontekście. Powtarzanie tytułu, nazwy pliku lub frazy wyszukiwania w całej galerii może pomijać cechę, którą miała pokazać konkretna fotografia. Wypełnienie pola to tylko część pracy.
Nazwa produktu jest uznawana za wystarczającą. Nazwa identyfikuje przedmiot, ale zbliżenie może dodatkowo pokazywać zapięcie lub kieszeń. Należy sprawdzić, co fotografia wnosi ponad tytuł i pobliski opis.
Funkcja obrazu jest pomijana. Fotografia może być również linkiem lub przyciskiem galerii. Wytyczne W3C dotyczące obrazów funkcjonalnych uwzględniają w decyzji działanie lub miejsce docelowe. Dostępna nazwa, czyli etykieta, którą technologia wspomagająca otrzymuje dla tego elementu sterującego, musi jasno przedstawiać jego przeznaczenie.
Zapisana wartość jest uznawana za wynik końcowy. Pole administracyjne i wyświetlaną stronę należy traktować jako dwa oddzielne punkty kontroli. Import, ponownie użyty obraz lub niestandardowa logika motywu uzasadniają sprawdzenie wyrenderowanego wyniku, czyli tego, co odpowiednia strona sklepu faktycznie udostępnia, przed zmianą całego katalogu.
Wytyczne Google dotyczące obrazów ostrzegają również przed wypełnianiem alternatyw słowami kluczowymi. Należy opisać szczegół lub działanie potrzebne kupującym; lista wyszukiwanych haseł nie zapewnia takiego wyjaśnienia.
Proszę ustalić, co wnosi każdy obraz
Obraz należy przejrzeć wraz z otaczającym tekstem oraz linkiem lub przyciskiem, do którego należy. Warto zapytać, jaka informacja lub działanie stałyby się bez niego niejasne. Drzewo decyzyjne W3C rozróżnia zastosowania informacyjne, funkcjonalne i dekoracyjne; obraz użyty ponownie w innym miejscu wymaga kolejnej decyzji uwzględniającej kontekst. Późniejsze ujęcie w galerii nie staje się automatycznie dekoracyjne tylko dlatego, że tytuł produktu pojawił się wcześniej.
Rozważmy fikcyjny sklep sprzedający niebieską torbę na ramię. Są to wymyślone przykłady tekstów, a nie opisy zweryfikowane na podstawie prawdziwego katalogu.
| Umiejscowienie | Decyzja do sprawdzenia |
|---|---|
| Widok z przodu | Opisać istotny widoczny wygląd, na przykład niebieską torbę z zaokrągloną klapą. |
| Zbliżenie zapięcia | Opisać widoczny szczegół zapięcia, który wnosi to ujęcie. |
| Inny kolor | Dopasować opis do fotografii i wybranego wariantu. |
| Element sterujący galerii składający się tylko z obrazu | Wyjaśnić działanie elementu sterującego, na przykład otwarcie widoku zapięcia. |
| Czysto dekoracyjne powtórzenie | Rozważyć celowo pustą alternatywę po sprawdzeniu informacji i funkcji. |
Pusta alternatywa oznacza celowo użyty atrybut alt="". Wytyczne W3C dotyczące obrazów dekoracyjnych odróżniają go od pominięcia atrybutu. W przypadku obrazu na karcie produktu umieszczonego wewnątrz linku odpowiedni tekst w tym samym linku może uzasadniać pustą alternatywę. Oddzielny tytuł produktu znajdujący się w pobliżu nie nadaje automatycznie nazwy linkowi złożonemu wyłącznie z obrazu.
Szczegółowe informacje o rozmiarach lub montażu należy udostępnić jako dostępną treść strony. Wytyczne W3C dotyczące obrazów złożonych wskazują na potrzebę pełniejszego objaśnienia tekstowego, gdy krótka alternatywa nie może przekazać informacji. Nie należy wtłaczać instrukcji z diagramu w krótki opis i usuwać pozostałej treści.
Proszę napisać i zapisać sprawdzoną próbkę
Przed zastosowaniem metody w całym katalogu należy przygotować próbkę możliwą do sprawdzenia. Użylibyśmy rekordu obejmującego adres URL strony, język, wybrany wariant, odwołanie do obrazu, przeznaczenie, proponowany tekst i wynik weryfikacji. Miniatura lub jednoznaczne odwołanie do materiału multimedialnego pomaga osobie sprawdzającej powiązać wiersz z właściwym zdjęciem bez zgadywania na podstawie nazwy pliku.
- Proszę zapisać wkład obrazu. Należy opisać, jakich informacji kupujący potrzebują z tego ujęcia i co zapewnia już pobliski tekst. Trzeba wskazać, czy obraz należy do linku lub przycisku.
- Proszę przygotować krótką alternatywę. Należy zachować wyróżniający widoczny szczegół. Kolor i inne istotne fakty trzeba sprawdzić na właściwej fotografii i we właściwym rekordzie katalogowym; nie wolno na podstawie wyglądu wymyślać materiału, pojemności ani certyfikacji.
- Proszę sprawdzić sugestie przed ich przyjęciem. Wygenerowany opis jest wersją roboczą. Redaktor produktu powinien sprawdzić jego treść i przeznaczenie, w tym wybrany wariant oraz język.
- Proszę sprawdzić niewyjaśnione istniejące wartości. Jeśli pole zawiera kody magazynowe lub nietypowe formatowanie, należy zapytać osobę utrzymującą witrynę, czy zależy od nich niestandardowa logika galerii. Przed masową zamianą tych wartości trzeba przetestować zmiany w autoryzowanym podglądzie lub innej odwracalnej próbce.
- Proszę zapisać tekst w odpowiednim polu medium. Aktualna pomoc Shopify dla komputerów wskazuje kolejno Produkty, konkretny produkt i jego element multimedialny. Należy wybrać opcję dodania tekstu alt, wpisać sprawdzony tekst i wybrać zapisanie tekstu alt. Ta ścieżka dotyczy multimediów produktu; obrazy w opisach lub sekcjach motywu mogą mieć inne miejsce edycji.
- Problemy z wdrożeniem proszę przekazać osobie utrzymującej witrynę. Jeśli pole lub element sterujący nie może wyrazić wymaganego przeznaczenia, należy podać stronę, odwołanie do obrazu i zamierzony wynik. W proponowanych przez nas pracach nad witryną ecommerce takie przekazanie oddziela decyzję dotyczącą treści od zmiany motywu i jej weryfikacji.
Proszę sprawdzić witrynę przed zmianą katalogu
Po zapisaniu należy otworzyć odpowiednią stronę sklepu i sprawdzić dokładnie zmienione miejsce. Trzeba potwierdzić alternatywę obrazu, dostępną nazwę każdego elementu sterującego, do którego obraz należy, oraz wynik zmiany wariantu lub ujęcia galerii. Jeśli nie mogą Państwo sprawdzić tego samodzielnie, przed rozszerzeniem edycji należy poprosić osobę utrzymującą witrynę o pokazanie wyniku w odniesieniu do przygotowanego rekordu.
- Proszę dopasować rzeczywisty obraz. Za pomocą narzędzi inspekcyjnych przeglądarki lub z pomocą osoby utrzymującej witrynę należy odczytać atrybut
altwyrenderowanego obrazu. Trzeba porównać go z przygotowanym tekstem i obecnie wyświetlaną fotografią. - Proszę sprawdzić nazwę i działanie elementu sterującego. W przypadku linku lub przycisku należy sprawdzić zarówno etykietę udostępnianą technologii wspomagającej, jak i alternatywę obrazu. Trzeba upewnić się, że podane działanie lub miejsce docelowe odpowiada temu, co następuje po uruchomieniu elementu sterującego. Sam opis obrazu może nie rozstrzygać o pełnej nazwie elementu sterującego.
- Proszę zmienić ujęcie i wariant. Należy otworzyć szczegół zapięcia, wybrać inny widoczny kolor i ponownie sprawdzić odpowiedni wynik. Jeśli opis pozostaje przypisany do niewłaściwego zdjęcia, trzeba zapisać dokładną sekwencję dla osoby utrzymującej witrynę.
- Proszę ponownie otworzyć stronę i odpowiedni język. Należy sprawdzić, czy zapisana zmiana nadal występuje w zamierzonym miejscu. Nierozwiązane przypadki trzeba rejestrować oddzielnie, także wtedy, gdy zbadania wymaga proces importu lub tłumaczenia.
Inspekcja w przeglądarce sprawdza wdrożenie; specjalistyczny przegląd z czytnikiem ekranu może zbadać proces zakupowy przy użyciu tej technologii wspomagającej. Zakres każdej kontroli powinien być jasno określony. Easy Checks organizacji W3C ostrzega, że wstępne kontrole nie są rozstrzygające, dlatego ani wypełnione pole, ani ta próbka nie potwierdzają dostępności całego sklepu. Nasze pierwsze kontrole dostępności Państwa witryny obejmują szersze zadania, takie jak obsługa klawiatury i formularze.
Proszę utrzymywać poprawność alternatyw po edycji
Należy przypisać odpowiedzialność za tekst źródłowy i powtarzać właściwą kontrolę po zmianie fotografii, wariantu, języka, motywu lub importu. Jeśli katalog jest zasilany przez kilka systemów, trzeba ustalić, który z nich jest właścicielem pola. Przed rozszerzeniem ręcznych zmian, które inny proces może zastąpić, uwzględnilibyśmy takie mapowanie w procesie integracji katalogu i CRM.
Należy rejestrować sprawdzone miejsca, tekst potwierdzony w witrynie sklepu oraz nierozwiązane przypadki. Zapisy te pokazują wykonaną pracę i kwestie nadal wymagające uwagi. Nie mierzą wpływu na sprzedaż. Odwołanie do obrazu, bieżący tekst, redaktora i okoliczność wymagającą następnej kontroli należy przechowywać razem, aby inna osoba mogła podtrzymać tę samą decyzję.
Gdzie możemy pomóc
Zaczęlibyśmy od ujęć produktu i wspólnie ustalili, co każde z nich powinno przekazywać. Przekazanie prac łączy następnie tekst redaktora z miejscem zapisu, wynikiem w witrynie sklepu i każdym nierozwiązanym zachowaniem elementu sterującego. Mogą Państwo rozpocząć własny rejestr od produktu, którego galeria pokazuje różne szczegóły, i sprawdzić próbkę przed rozszerzeniem prac.
