Wymaganie WCAG A/AA Priorytet: Umiarkowane
Strona nie ma tytułu
Strona nie ma tytułu w kodzie, więc karty przeglądarki, zakładki i czytniki ekranu nie pokazują nic przydatnego.
Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.
Dlaczego to ważne dla Twoich klientów
Osoby z wieloma otwartymi kartami nie odróżnią Państwa sklepu od innych stron, a użytkownicy czytników ekranu nie usłyszą, na jaką stronę trafili. Wyszukiwarki i podglądy linków również tracą ważną informację.
Kogo to dotyczy
- osoby korzystające z czytników ekranu
- osoby z niepełnosprawnością intelektualną lub trudnościami poznawczymi
- osoby korzystające z wielu kart przeglądarki
Jak to naprawić
Dodaj unikalny, opisowy <title> do każdej strony, np. "Koszula lniana, niebieska – Nazwa sklepu". Najpierw część szczegółowa, na końcu nazwa sklepu. Sprawdź szablony wyników wyszukiwania, stron błędów i kroków kasy.
W Shopify
Motywy Shopify zwykle generują tytuł w pliku layoutu na podstawie ustawień SEO strony lub produktu. Brak tytułu wskazuje na uszkodzony plik layoutu Liquid albo aplikację, która podmienia sekcję head.
W Shoptet (CZ)
Tytuły zwykle pochodzą z pól SEO produktów, kategorii i stron. Uzupełnij je w panelu administracyjnym; jeśli dany typ strony ich nie ma, zwróć się do Shoptet lub partnera Shoptet.
W PrestaShop
Tytuły zwykle pochodzą z pól SEO produktów, kategorii i stron CMS. Uzupełnij je w panelu administracyjnym i sprawdź, czy szablon head motywu je wyświetla.
W WooCommerce
Tytułem zwykle zarządzają WordPress, motyw i wtyczka SEO. Brak tytułu oznacza zazwyczaj, że motyw nie obsługuje wyświetlania tytułu lub występuje konflikt wtyczek; popraw to w motywie lub ustawieniach wtyczki SEO.
Normy
| Norma | Punkt |
|---|---|
| WCAG 2.2 | 2.4.2 (A) Page Titled |
| WCAG 2.1 | 2.4.2 (A) Page Titled |
| WCAG 2.0 | 2.4.2 (A) Page Titled |
| EN 301 549 4.1.1 | 9.2.4.2 |
| EN 301 549 3.2.1 | 9.2.4.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.2.4.2 |
Automatyczny test: reguła axe-core document-title.
dequeuniversity.com, github.com, www.w3.org
Podobne testy
-
Tekst jest trudny do odczytania z powodu niskiego kontrastu
WCAG 1.4.3 AA
-
Przyciski i linki są za małe, by wygodnie je dotknąć
WCAG 2.5.8 AA
-
Niektóre elementy mają etykietę dla brajla, ale nie mają zwykłej nazwy
WCAG 4.1.2 A
-
Osadzona treść nie ma nazwy
WCAG 4.1.2 A