Przejdź do treści
SilktidePomoc

Sensowna kolejność (HTML)

Każda strona powinna nadal mieć sens, gdy jej treść jest odbierana w jednej linii, od góry do dołu kodu źródłowego. Silktide nie może ocenić tego automatycznie, dlatego ta kontrola prosi o samodzielne zweryfikowanie tej kwestii.

Układ wizualny strony i jej mogą się różnić. Style mogą umieścić element w dowolnym miejscu na ekranie, ale odczytuje stronę w kolejności, w jakiej zapisano . Gdy te kolejności się rozchodzą — na przykład pasek boczny jest zapisany przed treścią, którą komentuje, albo ceny są oddzielone od produktów, których dotyczą — strona może wprowadzać w błąd osoby, które odbierają ją liniowo.

Dlaczego to ważne

Wielu odwiedzających odbiera stronę jako sekwencję, a nie układ: osoby słuchające jej za pomocą czytnika ekranu, osoby poruszające się po niej klawiaturą oraz osoby korzystające z urządzeń zmieniających układ treści. Jeśli znaczenie zależy wyłącznie od wizualnego rozmieszczenia, użytkownicy mogą usłyszeć instrukcje po kroku, którego dotyczą, albo odpowiedzi oderwane od pytań — cała treść jest obecna, ale przekazuje błędną historię.

Jak to naprawić

To ręczny przegląd. Aby zweryfikować stronę:

  1. Odczytaj stronę za pomocą czytnika ekranu lub użyj widoku czytania w przeglądarce i sprawdź, czy to, co słyszysz, przekazuje tę samą treść, którą widzisz.
  2. Możesz też wyłączyć style w narzędziach deweloperskich przeglądarki i odczytać stronę jako zwykłą treść, od góry do dołu.
  3. Jeśli kolejność jest nieprawidłowa, zmień układ elementów w HTML tak, aby kolejność w kodzie źródłowym odpowiadała znaczeniu, a CSS stosuj do rozmieszczenia wizualnego. Zachowaj ostrożność przy CSS, który wizualnie zmienia kolejność treści, na przykład order w flexboxie — zmienia on to, co ludzie widzą, bez zmiany tego, co jest odczytywane na głos.

Jak Silktide to testuje

Silktide nie może automatycznie określić, czy kolejność odczytu strony odpowiada jej znaczeniu, dlatego ta kontrola tworzy jeden element do przeglądu na stronę, aby można było potwierdzić to ręcznie. Po zweryfikowaniu strony oznacz przegląd jako ukończony.

Dowiedz się więcej

Ostatnio zaktualizowano

Czy ta strona była pomocna?