Dymek nad obrazkiem lub linkiem

Zamierzam napisać jak dodać dymek z dodatkowym opisem nad elementem HTML. Nie będzie tu żadnego javascript i opis dotyczy tylko standardowego "systemowego" dymka.

Dodałem alt do obrazka ale to nie działa w przeglądarce Firefox czy Opera, a działa dobrze w Internet Explorer

Trzeba się przyzwyczaić, że w IE prawie nic nie działa dobrze - alt nie jest wyjątkiem.

Atrybut alt w znaczniku <img /> (podobnie jak w <input type="image" />) służy do wyświetlania tekstu alternatywnego.

Tekst taki pokazuje się gdy obrazek nie może być wyświetlony bo np. został usunięty z serwera lub przeglądarka nie obsługuje obrazków (lub użytkownik ma wyłączone obrazki). Alt nie powinien być pokazywany w żadnym innym przypadku. To, że pokazuje się w IE jest błędem tejże przeglądarki.

To co mam zrobić?

Do wstawiania dodatkowych informacji służy atrybut title. Dodatkowo warto zauważyć, że title można dodać do każdego znacznika - także do linku.

To alt jest niepotrzebny?

Oczywiście, że jest. Jak napisałem wcześniej alt jest używany jako tekst zastępczy dla obrazka i jest zawsze wymagany.

Uwagi dla projektantów

Gdy projektujesz interfejs, który korzysta z ikonek zawsze używaj title do obrazków.

Ja naprawdę nie wiem czy Twoja wspaniała ikonka lupki oznacza wyszukaj, powiększ tekst, zobacz źródło lub zobacz szczegóły. Użycie zwykłego title="wyszukaj" rozwiązuje cały problem.