Nagłówki i 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.
Celowo ukryty nagłówek.
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
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
Warunek 1: Obraz ma tekst alternatywny.
Warunek 2: Obraz nie ma tekstu alternatywnego.
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=" ").
Warunek 6: Tekst alternatywny zbyt długi.
Warunek 7: Obraz, którego tekst alt zawiera rozszerzenie nazwy pliku.
Warunek 8: Obraz, którego tekst alt zawiera słowo nieopisowe lub tekst zastępczy.
Obrazy z hiperłączami
Warunek 15: Podlinkowany obraz z pustym tekstem alternatywnym, ale ma sąsiadujące tekstowe łącze poniżej obrazu.
Warunek 16: Podlinkowany obraz z pustym tekstem alternatywnym, ale ma sąsiadujące tekstowe łącze nad obrazem.
Warunek 17: Podlinkowany obraz z brakujacym tekstem alternatywnym i sąsiadującym tekstem łącza.
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.
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".