Jak sprawdzić czy wszystkie zdjęcia posiadają atrybut "alt"?

W poniższym artykule przedstawimy jak w najprostszy i bezpłatny sposób zweryfikować czy nasza strona posiada wypełnione atrybuty alt. Oczywiście posiadając wiedzę programistyczną bardzo szybko można sprawdzić w kodzie strony czy atrybut alt jest wypełniony czy pusty. My jednak skupimy się na redaktorze strony, który nie posiada żadnej wiedzy programistycznej, a chciałby zadbać o prawidłowe prowadzenie strony internetowej.

Istnieją różne narzędzia, którymi można zweryfikować poniższe czynności, jednak dość popularnym i bezpłatnym jest Web Developer Toolbar.

Rozszerzenie do przeglądarki Google Chrome o nazwie Web Developer Toolbar.

Na screenie poniżej przedstawiliśmy jedną z podstron, na której widać efekty, czyli atrybuty alt przy obrazkach.

Obok każdego zdjęcia jest treść atrybutu alt, czyli opisowego znacznika zdjęcia.

Strona z wypełnionymi atrybutami alt


Jak zainstalować rozszerzenie Web Developer Toolbar?

1. Teraz pokażemy jak zainstalować Web Developer Toolbar w przeglądarce Google Chrome (zajmie to nie więcej niż minutę).
W wyszukiwarce Google wpisujemy Web Developer Toolbar.

Wtyczka Web Developer Toolbar

2. Po wejściu w "Rozszerzenia" klikamy "Dodaj do Chrome".

Dodanie wtyczki do Chrome

3. Wyskoczy okienko z komunikatem. Klikamy "Dodaj rozszerzenie"

Instalacja wtyczki

4. Rozszerzenie pojawi się w naszej przeglądarce w pasku na górze. Należy przypiąć je do paska.

Przypięcie wtyczki

5. Informacja, że wtyczka została przypięta.

Wtyczka została przypięta

6. Na naszej stronie internetowej, na której chcemy sprawdzić atrybuty alt wybieramy opcję: Images następnie Display Alt Attributes.

Pokazanie atrybutów alt na stronie

7. Na stronie przy każdym zdjęciu pojawią się atrybuty alt i możemy sprawdzić które są puste.
Przykład wypełnionego atrybutu alt:

Gotowe atrybuty alt na stronie internetowej



8. Jeśli już wiemy, które atrybuty nie są uzupełnione, wystarczy przejść do odpowiednich artykułów i uzupełnić brakujące atrybuty alt.

 

Image