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.

komentarz 18 marca 2021 przez użytkownika anonimowy
Ten alt jest niezbędny przy spełnieniu wcag (dla niepelnosprawnych) zeby kase zdjęcie na stronie było opisane dla ludzi niewidomych używających tzw. Czytaczy  dzieki temu moga sie dowiedzieć co dany obrazek przedstawia.
...