Atrybut title

Atrybut title

Atrybut title to opcjonalny opis przypisany do elementu HTML, który pojawia się jako tzw. podpowiedź (tooltip) po najechaniu kursorem myszy na dany element – np. link, obrazek lub przycisk. Może być wykorzystywany do przekazania dodatkowych informacji, wyjaśnień lub kontekstu dla użytkownika. Nie należy mylić go z <title> w sekcji <head>, który definiuje tytuł strony wyświetlany w zakładce przeglądarki.

Jak działa atrybut title?

Atrybut title może być używany z wieloma znacznikami HTML, np. <a>, <img>, <button>, <abbr>. Gdy użytkownik najedzie kursorem na taki element, przeglądarka wyświetli dymek z tekstem zawartym w tym atrybucie. Jest to funkcjonalność wspierająca użyteczność, szczególnie w przypadku skrótów, ikon, przycisków funkcyjnych lub obrazów bez widocznego opisu.

Przykład użycia:

<a href="https://przyklad.pl" title="Otwórz stronę główną Przyklad.pl">Kliknij tutaj</a>

Zalecenia i uwagi

Choć title może poprawiać komfort użytkownika, nie powinien być stosowany jako jedyne źródło istotnych informacji – nie działa na urządzeniach mobilnych, może być pomijany przez czytniki ekranu i nie jest dostępny dla wszystkich użytkowników. Dlatego nie należy używać go zamiast alt przy obrazach lub jako zastępstwo etykiety przycisku. Z punktu widzenia SEO wpływ atrybutu title jest marginalny – pełni raczej funkcję informacyjną niż rankingową.