Nagłówki i obrazy

Na tej stronie: Nagłówki Obrazy

Nagłówki

Zestaw reguł TAD testujących strukturę nagłówków sprawdza poniższe warunki:

  • Na stronie może znajdować się tylko jeden <h1>.
  • Nagłówki nie mogą pomijać poziomów.
  • Nagłówki nie mogą być puste.
  • Nagłówki nie powinny przekraczać 160 znaków.
  • Cytatów blokowych nie wolno używać jako nagłówków.

Nagłówki nie mogą pomijać poziomów

Nagłówki powinny mieć strukturę, która przekazuje hierarchię. Ten warunek jest oparty na technice WCAG 2.1 Technice WCAG 2.1 H42: Używanie h1-h6 do identyfikacji nagłówków.

Przykład #1 - Ten nagłówek pomija poziom.

Ten błąd jest również wizualnie odzwierciedlony w funkcji „Pokaż konspekt”.

Nagłówki nie mogą być puste

Ten błąd czasami występuje w systemach zarządzania treścią lub w edytorach WYSIWYG. Na przykład, gdy autor treści przypadkowo naciśnie klawisz Enter dwukrotnie lub czasami celowo, aby uzyskać więcej odstępów.

Nagłówki nie powinny być zbyt długie

Jeśli nagłówek ma więcej niż 160 znaków, zostanie oznaczony jako błąd. Warunek ten został stworzony, aby uniemożliwić autorom treści używanie nagłówków dla estetyki wizualnej zamiast dobrej hierarchii.

Uwaga: Ten warunek nie wynika z kryteriów WCAG 2.1. Limit 160 znaków jest arbitralny i ustalony empirycznie.

Przykład #1: Integer ut quam ut nibh tristique bibendum eget sit amet ex. Sed elementum mauris neque, vitae consectetur tellus pellentesque vel. Pellentesque consequat orci.

Blok cytatu użyty jako nagłówek

Ten błąd może występować często w systemach zarządzania treścią, w których znajdują się komponenty oparte na szablonach. Czasami autorzy treści mogą używać komponentu do estetyki wizualnej. Na przykład stylizowany blok cytatu zamiast semantycznego nagłówka.

Uwaga: Ten warunek nie wynika z kryteriów WCAG 2.1. Limit 25 znaków jest arbitralny i ustalony empirycznie.

Przykład #1

Jeśli blok cytatu ma mniej niż 25 znaków, zostanie oznaczony jako błąd.

O naszym zespole

Litwo! Ojczyzno moja! Ty jesteś jak zdrowie. Ile cię trzeba cenić, ten tylko się w różne gazety głoszących nowe dziwo w różne gazety głoszących nowe dziwo w niebo, miecz oburącz trzyma. Takim był, gdy z wolna gładząc faworyty rzekł na pamiątkę, że okolica obfita we dworze jako swe trzymał pod Twoją opiek ofiarowany, martwą podniosłem powiek i całował. Zaczęła się stempel na drzwi otwarto. weszła nowa osoba, przystojna i dziwniejsze od Moskwy szeregów które wylotem kontusz otarł prędko, jak roratne świéce. Pierwsza z żoną i znowu fajt w miechu. Starzy na urząd wielkie polowanie. I ogląda czule, jako wierzchołki i za stołem.

Przykład #2

Blok cytatu zawierający więcej niż 25 znaków nie zostanie oznaczony jako błąd.

„Być albo nie być. Oto jest pytanie!”

Pusty nagłówek zawiera obraz dekoracyjny

Będzie to widoczne w konspekcie strony jako błąd/pusty

Uniwersytet Ryerson

Ten tekst alternatywny tego obrazu pojawi się w konspekcie strony.

Pogrubiony tekst używany jako nagłówek

Algorytm 1

Pogrubiony tekst jako nagłówek. Szukamy znaczników akapitów, które wyglądają tak: <p><strong>Jakiś tekst</strong></p>

O nas

Akapit, który zawiera tylko pogrubione elementy. Jeśli długość tekstu jest mniejsza niż 25, oznaczany jest jako ostrzeżenie. Takim był, gdy z wolna gładząc faworyty rzekł na pamiątkę, że okolica obfita we dworze jako swe trzymał pod Twoją opiek ofiarowany, martwą podniosłem powiek i całował. Zaczęła się stempel na drzwi otwarto. weszła nowa osoba, przystojna i dziwniejsze od Moskwy szeregów które wylotem kontusz otarł prędko, jak roratne świéce. Pierwsza z żoną i znowu fajt w miechu.

Nie należy tego oznaczać, ponieważ jest długi i niekoniecznie służy jako nagłówek. Może to być po prostu duży blok pogrubionego tekstu. Ma ponad 120 znaków.

Dawniej człek mądry a między dwie ławy umiała się stempel na samym końcu dzieje domowe powiatu dawano przez konar błysnęło jako w słów kilka wyrzekł, do Polski trzech mocarzów albo bierze. Nawet strony przeciwne wezwiemy na kwaterze pan nigdy przyjąć nie rozprawia o tańcach, nawet małe goniły panicz przed ganek wysiadł z drzew raz wraz skrzypi i lekka jak szli na świętych obrazku.

Algorytm 2

Tekst pogrubiony jako nagłówek z przełamaniem wierszy (<br> ). Szukamy znaczników akapitu, które zaczynają się od znacznika strong i mają przełamanie wiersza albo przed zamykającym znacznikiem strong, albo po nim. Zostaną zaznaczone tylko te akapity, które mają więcej niż 300 znaków.

Przykład 1

<p><strong>Fałszywy nagłówek<br></strong> Po którym następuje jakiś tekst.</p>

O nas
Nie zostanie oznakowane, bo to niewielki akapit. W ślad gospodarza wszystko przepasane, jakby wstęgą, miedz zieloną, na wieś i wszerz smugów Świecą gęsto jak od dzisiaj nie chciałby do łona a przed trybunałem.

Pracownia Dostępności Cyfrowej
LepszyWeb.pl
44-335 Jastrzębie Zdrój
ul. Opolska XXX

To również nie zostanie oznaczone, ponieważ ten pogrubiony tekst jest długi i niekoniecznie stanowi nagłówek. Może to być po prostu duży blok pogrubionego tekstu. Ma ponad 120 znaków
W ślad gospodarza wszystko przepasane, jakby wstęgą, miedz zieloną, na wieś i wszerz smugów Świecą gęsto jak od dzisiaj nie chciałby do łona a przed trybunałem. Jedna ręka na szańcach Pragi, na tym kończy się, by stary Rejtan, gdyby ożył? Wróciłby do lasu wracało towarzystwo liczne od starych zmienia czy cieszyć. Tymczasem na pana zwykł mawiać pan Sędzia, a Sędziego wolą była i kończąc pacierz w pomroku. Wprawdzie zdała się nie widział we śnie.

To zostanie oznaczone!
Bo to dość istotny akapit. Bonaparte znowu w naukach mniej zgorszenia. Ach, ja i fijołki. Podróżny zląkł ich nie jeździł na ambonie. Nauka dawną była, szło o piękności metrykę nie zmruża jako naprzykrzona mucha. Pragnąłby u panów rozmów trwała już robił projekt, że okolica obfita we zboże i dziwi! Cóż złego, że się cukier wytapia i miłość dziecinna i gestami ją witali. Prócz Tadeusza, rzucił kilku gośćmi poszedł do afektów i zgasło. I zląkł się, wleciała przez wzgląd na dwory pańskie jachał szlachcic obyczaje wtenczas małe żarciki i opisuję, bo tak nas powrócisz cudem na łowach niż obcej mody i sam oczu nie był, opisywać długo.

Przykład 2

<p><strong>Fałszywy nagłówek</strong><br> Po którym następuje jakiś tekst.</p>

O nas
Nie zostanie oznakowane, bo to niewielki akapit. W ślad gospodarza wszystko przepasane, jakby wstęgą, miedz zieloną, na wieś i wszerz smugów Świecą gęsto jak od dzisiaj nie chciałby do łona a przed trybunałem.

Pracownia Dostępności Cyfrowej
LepszyWeb.pl
44-335 Jastrzębie Zdrój
ul. Opolska XXX

To również nie zostanie oznaczone, ponieważ ten pogrubiony tekst jest długi i niekoniecznie stanowi nagłówek. Może to być po prostu duży blok pogrubionego tekstu. Ma ponad 120 znaków
W ślad gospodarza wszystko przepasane, jakby wstęgą, miedz zieloną, na wieś i wszerz smugów Świecą gęsto jak od dzisiaj nie chciałby do łona a przed trybunałem. Jedna ręka na szańcach Pragi, na tym kończy się, by stary Rejtan, gdyby ożył? Wróciłby do lasu wracało towarzystwo liczne od starych zmienia czy cieszyć. Tymczasem na pana zwykł mawiać pan Sędzia, a Sędziego wolą była i kończąc pacierz w pomroku. Wprawdzie zdała się nie widział we śnie.

To zostanie oznaczone!
Bo to dość istotny akapit. Bonaparte znowu w naukach mniej zgorszenia. Ach, ja i fijołki. Podróżny zląkł ich nie jeździł na ambonie. Nauka dawną była, szło o piękności metrykę nie zmruża jako naprzykrzona mucha. Pragnąłby u panów rozmów trwała już robił projekt, że okolica obfita we zboże i dziwi! Cóż złego, że się cukier wytapia i miłość dziecinna i gestami ją witali. Prócz Tadeusza, rzucił kilku gośćmi poszedł do afektów i zgasło. I zląkł się, wleciała przez wzgląd na dwory pańskie jachał szlachcic obyczaje wtenczas małe żarciki i opisuję, bo tak nas powrócisz cudem na łowach niż obcej mody i sam oczu nie był, opisywać długo.


Obrazy

Obrazy bez hiperłączy

Duże góry piasku na Pustyni Nambijskiej.

Warunek 1: Obraz ma tekst alternatywny.

Warunek 2: Obraz nie ma tekstu alternatywnego.

Obraz ptaka.

Warunek 3: Obraz, którego tekst alternatywny zawiera zbędne słowo.

Warunek 4: Obraz oznaczony jako dekoracyjny.

Warunek 5: Obraz, który jest oznaczony jako dekoracyjny, ale ze spacją w atrybucie (alt=" ").

Zebry to kilka gatunków afrykańskich koniowatych (rodzina koni) połączonych charakterystycznymi czarno-białymi pasiastymi płaszczami. Ich paski występują w różnych wzorach, unikalnych dla każdego osobnika. Są to na ogół zwierzęta społeczne, które żyją w stadach od małych po duże. W przeciwieństwie do ich najbliższych krewnych, koni i osiołków, zebry nigdy nie były prawdziwie udomowione. Źródło: Wikipedia.

Warunek 6: Tekst alternatywny zbyt długi.

birdy.jpg

Warunek 7: Obraz, którego tekst alt zawiera rozszerzenie nazwy pliku.

image

Warunek 8: Obraz, którego tekst alt zawiera słowo nieopisowe lub tekst zastępczy.

Obrazy z hiperłączami

Duże góry piasku na Pustyni Nambijskiej

Warunek 9: Podlinkowany obraz ma tekst alternatywny.

Warunek 10: Podlinkowany obraz nie ma tekstu alternatywnego.

Obraz ptaka.

Warunek 11: Podlinkowany obraz, którego tekst alternatywny zawiera zbędne słowo.

Warunek 12: Podlinkowany obraz oznakowany jako dekoracyjny.

Warunek 13: Obraz, który jest oznaczony jako dekoracyjny, ale ze spacją w atrybucie (alt=" ").

Zebry to kilka gatunków afrykańskich koniowatych (rodzina koni) połączonych charakterystycznymi czarno-białymi pasiastymi płaszczami. Ich paski występują w różnych wzorach, unikalnych dla każdego osobnika. Są to na ogół zwierzęta społeczne, które żyją w stadach od małych po duże. W przeciwieństwie do ich najbliższych krewnych, koni i osiołków, zebry nigdy nie były prawdziwie udomowione. Źródło: Wikipedia.

Warunek 14: Podlinkowany obraz ze zbyt długim tekstem alternatywnym.

Dowiedz się więcej o tygrysach

Warunek 15: Podlinkowany obraz z pustym tekstem alternatywnym, ale ma sąsiadujące tekstowe łącze poniżej obrazu.

Dowiedz się więcej o tygrysach

Warunek 16: Podlinkowany obraz z pustym tekstem alternatywnym, ale ma sąsiadujące tekstowe łącze nad obrazem.

Dowiedz się więcej o dalii

Warunek 17: Podlinkowany obraz z brakujacym tekstem alternatywnym i sąsiadującym tekstem łącza.

Napraw to jeszcze raz Tomku!Dowiedz się więcej o fiacie.

Warunek 18: Podlinkowany obraz, który ma i tekst alternatywny, i tekst łącza.

Dowiedz się więcej o Wyspach Kanaryjskich

Warunek 19: Podlinkowany obraz, który ma nieprawidłowy poziom nagłówka. Błąd jest dodawany po hiperłączu, aby zapobiec zagnieżdżeniu przycisku w hiperłączu.

image

Warunek 20: Podlinkowany obraz, którego tekst alt zawiera słowo nieopisowe lub tekst zastępczy..

Warunek 21: Podlinkowany obraz, w którym kotwica ma aria-hidden="true" oraz tabindex="-1"

Warunek 22: Podlinkowany obraz, w którym kotwica ma aria-hidden="true".