Przeglądałem Amazon i zauważyłem, że podczas wyszukiwania „ 1 TB ”, jeśli najedziesz kursorem myszy na obraz oceny w gwiazdkach, zobaczysz wynik tylko w przypadku korzystania z IE. Jeśli używasz innej przeglądarki, wynik nie zostanie wyświetlony.
Ocena 3,8 i ocena 4,2 są wyświetlane jako 4 gwiazdki. Oczywiście 3,8 gwiazdki w porównaniu z 4,2 gwiazdki (76% vs 84% wynik) może mieć znaczenie!
Dzieje się tak, ponieważ standardowym sposobem wyświetlania alt
tekstu jest wyłączenie grafiki lub „odczytanie” przeglądarki (np. Przeglądarka dla osób niedowidzących). IE pokazuje go jednak po najechaniu kursorem.
Myślę więc, że jeśli Amazon ma to wyświetlać niezależnie od przeglądarki użytkownika, to title
powinien być używany dodatkowo alt
. Zgodziłbyś się?
źródło
Są używane do różnych rzeczy.
alt
Atrybut jest używany zamiast obrazu. Jeśli obrazu nie można wyświetlić, a także w czytnikach ekranu.title
Atrybut jest pokazane wraz z obrazem, typowo podpowiedzi najechania kursorem.Jeden nie powinien być używany „zamiast” drugiego. Każdy powinien być właściwie używany , aby robić rzeczy, do których został zaprojektowany.
źródło
<img>
znacznik - należy użyć CSS stylu div zamiast;)Alt i title służą do różnych rzeczy, jak już wspomniano. Chociaż atrybut tytułu zapewnia podpowiedź, alt jest również ważnym atrybutem, ponieważ określa tekst, który ma być wyświetlany, jeśli obraz nie może zostać wyświetlony. (W niektórych przeglądarkach, takich jak Firefox, zobaczysz również ten tekst podczas ładowania obrazu)
Kolejną kwestią, o której myślę, że powinienem być, jest to, że atrybut alt jest wymagany do walidacji jako dokument XHTML, podczas gdy atrybut tytułu jest po prostu „dodatkową opcją”.
źródło
Dzieje się tak, ponieważ służą one różnym celom i oba powinny być używane nie tylko jeden nad drugim.
„Alt” odnosi się do tego, co już powiedzieliście, więc możesz zobaczyć, o co chodzi w obrazie, jeśli obrazu nie można wyświetlić (z jakiegokolwiek powodu), a także pozwala osobom niedowidzącym zrozumieć, o czym jest obraz.
Atrybut „tytuł” jest prawidłowym atrybutem do wyświetlania podpowiedzi z tytułem obrazu.
źródło
Moim zdaniem tekst alternatywny powinien zawsze opisywać to, co jest widoczne na obrazku, w przypadku, gdy obraz nie jest wyświetlany.
w3.org
źródło
Uważam, że alt jest wymagany do ścisłej zgodności z XHTML.
Jak zauważyli inni, tytuł dotyczy podpowiedzi (dobrze mieć), a alt oznacza dostępność. Nie ma nic złego w używaniu obu, ale alt zawsze powinien tam być.
źródło
Atrybut ALT jest przeznaczony dla użytkowników niedowidzących, którzy korzystaliby z czytnika ekranu. Jeśli w dowolnym tagu obrazu brakuje ALT, zostanie odczytany cały adres URL obrazu. Jeśli obrazy są częścią projektu witryny, nadal powinny mieć ALT, ale można je pozostawić puste, aby nie trzeba było czytać adresu URL w każdej części witryny.
źródło
Atrybut ALT
alt
Atrybut definiuje z zestawu znaczników (mianowicieimg
,area
i ewentualnie doinput
aapplet
), co pozwala, aby zapewnić równoważne tekstu dla obiektu.Ekwiwalent tekstowy przynosi następujące korzyści Twojej witrynie internetowej i jej odwiedzającym w następujących typowych sytuacjach:
Atrybut tytułu
Celem tej techniki jest zapewnienie pomocy kontekstowej dla użytkowników podczas wprowadzania danych w formularzach poprzez dostarczanie informacji pomocy w
title
atrybucie. Pomoc może zawierać informacje o formacie lub przykłady danych wejściowych.Przykład 1: menu rozwijane, które ogranicza zakres
wyszukiwania Formularz wyszukiwania wykorzystuje menu rozwijane, aby ograniczyć zakres wyszukiwania. Menu rozwijane znajduje się bezpośrednio obok pola tekstowego używanego do wprowadzenia wyszukiwanego hasła. Relacja między polem wyszukiwania a menu rozwijanym jest jasna dla użytkowników, którzy widzą projekt wizualny, w którym nie ma miejsca na widoczną etykietę.
title
Atrybut jest używany do identyfikacjiselect
menu.title
Atrybut może być używany przez czytniki ekranu lub wyświetlane jako podpowiedzi dla osób korzystających z lupy ekranem.Przykład 2: Pola wprowadzania numeru telefonu
Strona internetowa zawiera elementy sterujące do wprowadzania numeru telefonu w Stanach Zjednoczonych z trzema polami na numer kierunkowy, giełdę i cztery ostatnie cyfry.
Przykład 3: Funkcja wyszukiwania Strona internetowa zawiera pole tekstowe, w którym użytkownik może wprowadzić wyszukiwane terminy oraz przycisk oznaczony „Wyszukaj” w celu wykonania wyszukiwania.
title
Atrybut jest używany do identyfikacji i kontroli formularz przycisk jest umieszczony zaraz po polu tekstowym tak, że jest oczywiste dla użytkownika, że pole tekstowe jest, gdy termin wyszukiwania powinny być wprowadzone.Przykład 4: Tabela danych kontrolek formularza
Tabela danych kontrolek formularza musi powiązać każdą kontrolkę z nagłówkami kolumn i wierszy dla tej komórki. Bez tytułu (lub etykiety LABEL poza ekranem) użytkownikom niewizualnym trudno jest wstrzymywać i sprawdzać odpowiednie wartości nagłówków wierszy / kolumn za pomocą technologii pomocniczej podczas przewijania formularza.
Na przykład formularz ankiety ma cztery nagłówki kolumn w pierwszym wierszu: Pytanie, Zgadzam się, Niezdecydowany, Nie zgadzam się. Każdy kolejny wiersz zawiera pytanie i przycisk opcji w każdej komórce odpowiadający wybranej odpowiedzi w trzech kolumnach. Atrybut tytułu dla każdego przycisku radiowego jest połączeniem wyboru odpowiedzi (nagłówek kolumny) i tekstu pytania (nagłówek wiersza) z łącznikiem lub dwukropkiem jako separatorem.
Img Element
Dozwolone atrybuty wymienione w MDN .
alt
crossorigin
decoding
height
importance
(eksperymentalne API)intrinsicsize
(eksperymentalne API)ismap
referrerpolicy
(eksperymentalne API)src
srcset
width
usemap
Jak widać
title
atrybut nie jest dozwolony wewnątrzimg
elementu. Użyłbymalt
atrybutu, a jeśli tego wymaga, użyłbym CSS (przykład: pseudoklasa:hover
) zamiasttitle
atrybutu.źródło
Nie, myślę, że
alt
jest lepszy, ponieważ celem tego atrybutu jest dostarczenie „alternatywnego” tekstu w przypadku, gdy obrazu nie można wyświetlić (niezależnie od tego, czy brakuje obrazu, czy też sama przeglądarka nie jest w stanie go wyświetlić).źródło
MVCFutures for ASP.NET MVC zdecydowali się zrobić jedno i drugie. W rzeczywistości, jeśli podasz „alt”, automatycznie utworzy „tytuł” o tej samej wartości dla Ciebie.
Nie mam pod ręką kodu źródłowego, ale szybkie wyszukiwanie w Google pokazało przypadek testowy!
źródło
Nie należy używać atrybutu title dla elementu img. Przyczyna tego jest dość prosta:
Źródło: http://blog.paciellogroup.com/2010/11/using-the-html-title-attribute/
HTML 5.1 zawiera ogólne porady dotyczące używania atrybutu tytułu:
Źródło: http://www.w3.org/html/wg/drafts/html/master/dom.html#the-title-attribute
Jeśli chodzi o dostępność i różne czytniki ekranu:
Stąd, jak słusznie ujął to Denis Boudreau : zdecydowanie nie jest to zalecana praktyka .
źródło