seohost
pytanie zadane 22 sierpnia 2020 w Programowanie przez użytkownika

1 odpowiedź

odpowiedź 22 sierpnia 2020 przez użytkownika

Alt jest atrybutem stosowanym w HTML lub XHTML, który oznacza alternatywny (zamienny) opis pliku graficznego – zdjęcia lub obrazka. Stąd jego nazwa alternatywny opis. Umieszcza się go w tagu <img>, aby opisać co dokładnie przedstawia wstawiana na stronie internetowej grafika.

Atrybut alt jest w obecnych czasach, wymagany przy tworzeniu treści na stronach internetowych. Jeśli okaże się, że nie można z jakiś względów odczytać obrazu z serwera www, przeglądarka internetowa w miejscu zdjęcia wyświetli jego opis alternatywny.

Przykład użycia atrybutu alt

W środku tagu <img> należy wkleić alt z opisem obrazka w cudzysłowie:

<img src="zdjecie.jpg" alt="zdjecie" width="600" height="200">

Dzięki temu, gdy na stronie nie wyświetli się dane zdjęcie, w to miejsce wskoczy opis z tego atrybutu:

zdjęcie z parametrem alt

Jeśli nie użyjesz w ogóle tego tagu

<img src="zdjecie.jpg" width="600" height="200">

wtedy wyświetli się tylko grafika informująca, że zdjęcie się nie wczytało w przeglądarce

zdjęcie bez atrybutu alt

Jak widać, warto używać tego atrybutu. Ponadto jest on bardzo ważny w dwóch kwestiach:

- niepełnosprawni – dzięki niemu osoby niewidome lub niedowidzące korzystające z programów czytających tekst (tzw. czytaczy) na stronach internetowych, mogą chociaż odsłuchać co przedstawia dane zdjęcie. Bez atrybutu alt takie osoby nawet się nie dowiedzą, że w danym artykule występują jakiekolwiek grafiki.

- pozycjonowanie – roboty wyszukiwarek internetowych dzięki opisom alternatywnym mogą poprawnie zindeksować dane zdjęcie, dzięki czemu będzie ono widoczne w wyszukiwarce.

komentarz 22 sierpnia 2020 przez użytkownika anonimowy

Jeśli już jesteśmy przy alt to warto wspomnieć o innym podobnym atrybucie, a mianowicie abbr. Jest on tym samym tylko używanym do opisania komórek w tabeli.

Np.

<tr>
<th abbr=”Poniedziałek”>Pn</th>
</tr>

normalnie program dla niewidomych przeczytałby komórkę nagłówkową jako pn, a tak to przeczyta cała nazwę dnia.

...