Tytuł ramki
Silktide sprawdza, czy każda widoczna ramka osadzona na stronach ma czytelny tytuł opisujący jej zawartość. Ramki bez tytułów zmuszają osoby korzystające z do wejścia do nich i przejrzenia ich zawartości tylko po to, aby dowiedzieć się, czym są.
Tytuł należy umieścić bezpośrednio w elemencie ramki za pomocą atrybutu title —
znacznik <title> wewnątrz strony wyświetlanej w ramce nie wystarczy:
<!-- Brakuje: nic nie informuje technologii wspomagających, czym jest ta ramka -->
<iframe src="ad.html"></iframe>
<!-- Poprawione: atrybut title określa nazwę ramki -->
<iframe title="Reklama" src="ad.html"></iframe>
Dlaczego to ważne
Ramki często zawierają filmy, mapy, reklamy, formularze płatności i widżety czatu. wyświetla listę ramek na stronie według ich tytułów, dzięki czemu użytkownicy mogą zdecydować, do których wejść. Bez tytułu ramka jest ogłaszana jako anonimowa ramka — lub za pomocą nazwy pliku — a użytkownik musi przejść do jej wnętrza i przejrzeć zawartość, aby ustalić, czym jest.
Jak to naprawić
- Dodaj atrybut
titledo każdego oznaczonego elementu<iframe>lub<frame>, krótko opisując jego zawartość: „Reklama”, „Film: prezentacja produktu”, „Czat na żywo”. - Upewnij się, że tytuł zawiera rzeczywiste słowa — same białe znaki lub symbole nie są wystarczające.
- Jeśli ramka ma wyłącznie charakter techniczny i niczego nie wyświetla, na przykład jest pikselem śledzącym,
ukryj ją przed technologiami wspomagającymi, na przykład ustawiając ją jako
niewidoczną lub dodając
aria-hidden="true". Ukryte ramki nie wymagają tytułów.
Jak Silktide to testuje
- Znajdź każdy element
<iframe>i<frame>na stronie. - Pomiń ramki niewidoczne oraz ramki ukryte przed czytnikami ekranu za pomocą
aria-hidden— technologie wspomagające nie mogą ich wybrać, więc nie potrzebują tytułu. Niewidoczne ramki są często stosowane w kodzie śledzącym i wtyczkach społecznościowych. - Sprawdź pozostałe ramki pod kątem atrybutu
titlezawierającego znaczący tekst, czyli co najmniej jedną literę lub cyfrę. Tytuł zawierający wyłącznie spacje, znaki interpunkcyjne lub emoji nie przejdzie kontroli. - Oznacz każdą widoczną ramkę bez znaczącego tytułu.
To, czy istniejący tytuł rzeczywiście opisuje swoją ramkę, jest sprawdzane osobno w ramach kontroli Tytuły ramek.