Hiperlinki
Odnośnik graficzny
Niekiedy same odnośniki tekstowe nie prezentują się najlepiej. Wprawdzie nowoczesne i łatwe w użyciu kaskadowe arkusze stylów CSS pozwalają na stworzenie ładnie prezentujących się odnośników tekstowych, niektórzy projektanci wolą wstawiać odnośniki graficzne – mogąc stworzyć w ten sposób dobry system nawigacji, przy jednoczesnym unikatowym wyglądzie serwisu zaprojektowanym przez grafików.
Tworzenie odnośników graficznych ogranicza się do objęcia znacznika wstawiającego dany obrazek znacznikami tworzącymi hiperłącze. Przykładowy kod:
<a href="o_nas.html"><img src="adres_obrazka" alt="tekst alternatywny" /></a>
Znacznik IMG zawiera atrybut src w który wpisywany jest adres obrazka. Natomiast atrybut alt powinien zawierać opis tego obrazka. Tekst alternatywny jest ważny, z kilku powodów:
- W przypadku niezaładowania obrazka przeglądarki internetowe wyświetlają właśnie tekst altrnatywny. W przypadku, gdy niezaładowany obrazek należał do elementu nawigacyjnego, czyli był objęty odnośnikiem, linkiem będzie objęty tekst alternatywny. W przypadku menu graficznego, w którym nie byłyby ustalone teksty alternatywne – niezaładowanie obrazka uniemożliwiało by użytkownikom sprawną nawigację.
- Tekst alternatywny czytają roboty umożliwiające poruszanie się po stronach osobom niewidomym lub słabo widzącym. Gdyby teksty nie zostały wpisane, nic z menu nawigacyjnego nie zostało by przeczytane. To uniemożliwiło, by korzystanie z serwisu.
- Tekst alternatywny jest ważny dla wyszukiwarek, a dokładniej ich robotów sieciowych zbierających dane. Tekst alternatywny pozwala połączyć obraz z danymi słowami kluczowymi – np. przy wyświetlaniu w Google Images.
Atrybut alt można potraktować w przypadku elementów nawigacyjnych, jako miejsce na wstawienie zwykłego tekstu, jaki umieścilibyśmy w odnośniku tekstowym.
Bardzo ważne jest zaznaczenie, że atrybut alt to nie miejsce na wrzucenie bezsensownych słów kluczowych, na które chcielibyśmy się pozycjonować. Atrybut ten powinien zawierać opis tego, co zawiera element graficzny, nie zaś bełkot słów.

