Jak wspomniano w innych odpowiedziach, nie ma (obsługiwanego) atrybutu alt dla znacznika DIV tylko dla znacznika img.
Prawdziwe pytanie brzmi: dlaczego musisz dodać atrybut alt do wszystkich obrazów tła witryny? Opierając się na tej odpowiedzi, pomoże ci to określić, którą trasę obrać w swoim podejściu.
Wizualne / tekstowe: jeśli po prostu próbujesz dodać tekstową wartość zastępczą dla użytkownika, jeśli obraz się nie załaduje, po prostu użyj atrybutu tytułu. Większość przeglądarek zapewnia wizualną wskazówkę (okno komunikatu), gdy użytkownik najedzie kursorem na obraz, a jeśli obraz nie zostanie załadowany z jakiegokolwiek powodu, zachowuje się tak samo, jak atrybut alt prezentujący tekst, gdy obraz się nie powiedzie. Ta technika nadal pozwala witrynie przyspieszyć czas ładowania, zachowując obrazy ustawione na tło.
Czytniki ekranu: opcja w środku drogi, ta różni się, ponieważ technicznie utrzymywanie obrazów jako tła i stosowanie podejścia atrybutów tytułu powinno działać zgodnie z powyższą wskazówką: „Oprogramowanie użytkownika audio może wypowiadać informacje o tytule w podobnym kontekście”. Jednak nie gwarantuje to działania we wszystkich przypadkach, w tym niektórzy czytelnicy mogą to wszystko razem zignorować. Jeśli zdecydujesz się na takie podejście, możesz również spróbować dodać etykiety arii, aby upewnić się, że czytniki ekranu je wychwycą.
SEO / Wyszukiwarki: Oto duży, jeśli byłeś podobny do mnie, dodałeś obrazy tła, wszystko było dobrze. Kilka miesięcy później klient (a może Ty sam) zdał sobie sprawę, że tracisz część najlepszego złota SEO, ponieważ nie masz alternatyw dla swoich obrazów. Należy pamiętać, że atrybut tytułu nie ma żadnego znaczenia dla wyszukiwarek , z moich badań i jak wspomniano w artykule tutaj: https://www.searchenginejournal.com/how-to-use-link-title-attribute-correctly /. Jeśli więc dążysz do SEO, musisz mieć tag img z atrybutem alt. Jednym z możliwych sposobów jest po prostu załadowanie bardzo małych rzeczywistych obrazów w witrynie z atrybutami alt, w ten sposób uzyskujesz całe SEO i nie musisz ponownie dostosowywać istniejącego CSS. Może to jednak prowadzić do dodatkowego czasu ładowania w zależności od rozmiaru, a Google rzeczywiście patrzy na ścieżkę obrazów podczas indeksowania. Krótko mówiąc, jeśli wybierasz się tą drogą, po prostu zaakceptuj to, co należy zrobić i dołącz rzeczywiste obrazy zamiast używać tła.
title
atrybutu do elementu (ów) z obrazem (ami) tła, ale to nie ma sensu dla wszystkich elementów. Dlaczego musisz to zrobić? Czy próbujesz obsłużyć obrazy, które się nie ładują, czy też próbujesz wyświetlić etykietę tych, które się ładują?