2.4.1Poziom A

Pomijanie bloków

Bypass Blocks

Zapewnij działający mechanizm pomijania bloków treści powtarzających się na wielu powiązanych stronach.

Komu pomaga
Ograniczenia ruchoweNiewidzenieSłabowidzenie
Zastosowanie
WWWAplikacje mobilneAplikacje desktopoweDokumenty cyfroweInne urządzenia

Warunki i wyjątki opisano w artykule.

Wersja
WCAG 2.2, wprowadzone w 2.0
Zasada / wytyczna
Funkcjonalność / 2.4
Stan researchu
Draft AI. Bez przeglądu człowieka.
Redakcja artykułu
· wersja robocza
Na tej stronie

Co oznacza to kryterium

Użytkownik powinien móc ominąć menu i inne bloki powracające na kolejnych powiązanych stronach. Działający link „Przejdź do treści” jest jednym rozwiązaniem. Innym może być struktura obsługiwana przez jego narzędzia. Sam napis, zmiana fragmentu adresu lub przewinięcie nie potwierdzają przeskoku.

Skrót ogranicza wielokrotne naciskanie Tab i wysiłek osób z ograniczeniami ruchowymi. Pomaga osobom niewidomym dotrzeć do nowej treści bez ponownego odczytu menu, a osobom słabowidzącym odnaleźć jej początek przy powiększeniu. To uzasadnienia redakcyjne, bez badania użytkowników demonstracji.

Przykłady błędów i poprawek

Działający skrót: wejście, cel i następny Tab

Własna demonstracja „Pracownia” ma dwie strony: Dostawa i Zamówienia, syntetyczne dane P-104 i osiem wspólnych linków menu. Wersje good/bad danej strony mają identyczną treść, przycisk i style. Zmienia się tylko href skrótu: #content albo #missing. Pozostałe sześć pozycji menu jest kontekstem, bez wyników audytu.

  1. Na początku dokumentu Tab ujawnia link „Przejdź do treści”.
  2. Return w good przenosi fokus do div#content[tabindex="-1"] dzięki nawigacji fragmentowej przeglądarki, bez skryptu focus().
  3. Następny Tab osiąga przycisk zapisu w treści. Return pokazuje wynik zapisu; Shift+Tab prowadzi do ostatniego linku menu.
Good Dostawa: pierwszy Tab ujawnia link Przejdź do treści z fokusem.

Surowy JPEG finalnej próby przeglądarki z 2026-10-03, bez retuszu. Kadr pokazuje stan, nie wejście.

Good po Return: obrys otacza cel treści.

Fokus po nawigacji fragmentowej; przebieg potwierdzają historyczne odczyty i wejścia.

Good po następnym Tab: fokus na przycisku zapisu.

Trzeci stan tej samej drogi; obraz sam nie dowodzi kolejności klawiszy.

Neutralna struktura pary izoluje działanie skrótu. Stylowany tytuł jest div, bez semantycznego nagłówka. Good potwierdza tę drogę, nie jest wzorcem całej strony. W produkcji połącz skuteczny skrót z nav, main i nagłówkami.

W bad Return zmienia fragment adresu na #missing, ale fokus zostaje na skrócie. Następny Tab trafia do „Dostawa”, kolejne przechodzą przez menu; dopiero dziewiąty osiąga przycisk zapisu. Użytkownik przechodzi przez blok, który miał ominąć. Popraw href, aby prowadził do istniejącego celu, i sprawdź fokus oraz następny krok.

Bad po Return: fokus nadal na skrócie prowadzącym do brakującego celu.

Ten sam kontekst Dostawy; zmiana fragmentu adresu nie zapewniła przeskoku.

Bad po następnym Tab: fokus na pierwszym linku menu Dostawa.

Odtworzona bariera pomijania, bez testu wszystkich alternatyw czytników.

Bad nie ma nagłówków, landmarków ani dodatkowej kontroli pomijania. Odtwarza nieskuteczność jedynego autorskiego mechanizmu w tej demonstracji i odbiorniku; nie bada wszystkich wtyczek i skrótów każdego czytnika. Link poza zasięgiem klawiatury i przeskok wracający przy Tab do menu pozostają dodatkowymi niewykonanymi scenariuszami.

Kontrola: struktura bez linku pomijania

Control usuwa skrót, zachowuje dane i menu oraz dodaje nav, main i h1. DOM potwierdził strukturę, a AX nagłówek „Dostawa” poziomu 1. Eksport AX upraszcza regiony do container, więc nie potwierdza ich pełnych ról. Pierwszy Tab trafia do menu; sam ten wynik nie oznacza błędu 2.4.1. Przeskok nagłówkiem lub regionem w rzeczywistym czytniku był niewykonany, a skuteczność alternatywy pozostaje niepotwierdzona działaniem.

Control Dostawa: menu i główna treść ze strukturą nav, main i h1.

Wygląd jest kontekstem. Strukturę potwierdził DOM, przeskok AT pozostaje niewykonany.

Kiedy obowiązuje i gdzie są wyjątki

Blokiem może być menu, nagłówek witryny lub powtarzający się panel reklamowy. Pojedyncze słowo, krótka fraza czy pojedynczy link nie są takim blokiem. Oceniaj powiązane strony i powtórzenia, nie dowolną parę podobnych stron w Internecie.

Kryterium nie narzuca konkretnego linku ani liczby naciśnięć. G1 kieruje do głównego obszaru, G123 omija poszczególne bloki, G124 prowadzi do kilku obszarów. Regiony i nagłówki z ARIA11/H69 mogą zapewnić alternatywę, jeżeli rzeczywiście działają z narzędziami użytkownika. Brak skip linku sam nie oznacza naruszenia, a obecność main sama nie potwierdza spełnienia wymagania.

Nagłówki PDF, tytuły iframe i zwijane menu są innymi pomocniczymi technikami; nie wykonano ich demonstracji. Understanding nie podaje osobnej listy nazwanych błędów dla 2.4.1; opisane usterki są własnymi odtworzeniami.

Równoważnego mechanizmu przeglądarki nie trzeba dublować, np. dla menu za treścią. W tym przykładzie menu poprzedza treść, a Home lub przewinięcie nie przenoszą do niej fokusu. Skrót może ujawniać się dopiero przy fokusie; display:none usuwa go z obsługi, a sam wskaźnik myszy nie zastępuje klawiatury. Widoczność i kolejność fokusu mają również osobne wymagania.

Platformy

Klasyfikacja AI z 2026-10-02–03 opiera się na WCAG 2.2 Recommendation 2024-12-12 dla stron oraz informacyjnym WCAG2ICT Group Note 2025-12-11 poza kontekstem webowym. Nie ustala obowiązków prawnych ani mapowania EN 301 549.

Środowisko Warunek i adaptacja Wykonanie źródłowe
WWW, także przeglądarka telefonu Blok powtarza się na wielu powiązanych stronach; wymaganie bez adaptacji. Dwie strony na macOS.
Natywne mobile i desktop Blok powtarza się w wielu programach w zdefiniowanym zbiorze programów. Ekrany jednej aplikacji ani jej okna nie tworzą go automatycznie. Niewykonane.
Dokumenty Blok wspólny dokumentom w zbiorze dokumentów; strony jednego PDF nie oznaczają osobnych dokumentów. Odbiornik niewykonany.
Kiosk webowy lub natywny Ustal rodzaj treści i odpowiedni warunek. Zamknięta funkcjonalność wymaga oceny dostępnych mechanizmów. Sprzęt i interfejs niewykonane.

Zbiór programów wymaga wspólnego celu i autora, wspólnej dystrybucji, samodzielnego uruchamiania i używania oraz spójnego wzajemnego przechodzenia między wszystkimi członkami. Dołączenie aplikacji do pakietu nie wystarcza; przy niejednoznaczności WCAG2ICT nie traktuje grupy jako zbioru. Zbiór dokumentów wymaga wspólnego celu i autora, wspólnej publikacji i wzajemnych odwołań każdego dokumentu do pozostałych.

Pojedynczy program lub dokument poza zbiorem automatycznie spełnia warunkowy zakres tej adaptacji. Pomijanie powtórzeń wewnątrz niego pozostaje dobrą praktyką. W hybrydzie oceniaj osobno strony webowe i część natywną; przeglądarka telefonu pozostaje kontekstem webowym. Nie przenoś zakresu ani wyłączeń między różnymi podstawami oceny.

Rozwiązania w technologiach

WWW

<a class="skip" href="#content">Przejdź do treści</a>
<nav aria-label="Główna"><!-- powtarzające się linki --></nav>
<main id="content" tabindex="-1">
  <h1>Dostawa</h1>
  <button type="button">Zapisz wybór</button>
</main>
<style>
  .skip {
    position: absolute;
    left: -10000px;
    top: 8px;
  }
  .skip:focus {
    left: 16px;
    background: #fbfaf5;
  }
  :focus {
    outline: 3px solid #15201c;
    outline-offset: 4px;
  }
</style>

Umieść skrót przed powtarzającą się nawigacją. tabindex="-1" pozwala fokusować cel bez zwykłego przystanku Tab. main i nav przekazują strukturę; nie dodają same skrótu klawiaturowego. W demonstracji wykonano href i następny Tab; pełna kombinacja kodu powyżej jest edukacyjna, bez osobnego testu. Dla SPA sprawdź istnienie celu po renderowaniu, fragment i dalszy fokus. Przegląd dokumentacji i składnia demonstracji PASS 2026-10-02–03; control ma tylko test struktury.

Android / Compose

Modifier.semantics { heading() } oznacza nagłówek dla usług dostępności, bez dowodu przeskoku klawiatury. W android.webkit.WebView popraw mechanizm HTML i zbadaj odbiornik. Ekrany jednego programu nie tworzą zbioru. Oficjalne API przejrzano 2026-10-02–03; kompilacja i działanie niewykonane.

iOS / SwiftUI

accessibilityHeading(_:) udostępnia poziom nagłówka. Nie dowodzi przeniesienia fokusu ani działania rotora. Dla WKWebView właściwym rozwiązaniem jest HTML i jego odbiornik. Dokumentacja przejrzana; kompilacja i działanie iOS niewykonane.

Flutter

Semantics(header: true, child: ...) przekazuje nagłówek, a FocusNode obsługuje fokus klawiatury. Nie utożsamiaj go z fokusem czytnika. API pomagają w nawigacji natywnej, bez utworzenia warunku zbioru programów. Dla strony WebView mechanizm należy do HTML. Dokumentacja przejrzana; aplikacji Fluttera nie zmieniono ani nie uruchomiono dla 2.4.1.

React Native

accessibilityRole="header" opisuje nagłówek, bez gwarancji przeskoku i wsparcia czytnika. Core nie jest komponentem WebView; osadzona strona wymaga webowego rozwiązania. Natywne zastosowanie zależy od zbioru programów. Przegląd API wykonany; kompilacja i działanie niewykonane.

Jak sprawdzić

  1. Ustal co najmniej dwie powiązane strony, powtarzający się blok, jego granice i dostępne alternatywy.
  2. Z początku nowego dokumentu użyj Tab bez wcześniejszego kliknięcia lub wymuszania fokusu. W rozwiązaniu ze skrótem oczekuj dostępnego linku przed menu i widoczności przy fokusie.
  3. Aktywuj Return/Enter. Sprawdź istniejący cel, faktyczny fokus i następny Tab: ma prowadzić do treści, bez powrotu przez omijany blok.
  4. Powtórz na kolejnej stronie; sprawdź akcję i Shift+Tab. Alternatywę strukturalną oceń rzeczywistą funkcją czytnika lub odbiornika. Sam Tab nie rozstrzyga jej skuteczności.

Weryfikacja i ograniczenia

Historyczna próba 2026-10-03, 00:04:30–00:04:43 CEST, dotyczy IAB na macOS 27.0, build 26A428; UA Chrome/154.0.0.0, viewport 1280 × 720 CSS px, DPR 1. UA maskuje wersję systemu; samego silnika poza UA nie odczytano. Nie zmieniano ustawień OS ani dostępności.

Sprawdzenie Rzeczywisty wynik źródła
Good na Dostawie i Zamówieniach Tab → skrót, Return → content, Tab → save, Return → wynik zapisu, Shift+Tab → nav-contact; PASS tej drogi.
Bad na obu stronach Fragment #missing, fokus na skrócie; osiem Tab przez menu, dziewiąty do save. Bariera odtworzona; PASS checku oznacza potwierdzenie oczekiwanej usterki.
Powtarzalność i para Osiem wspólnych nazw menu, ta sama treść good/bad danej strony; PASS.
Control DOM: nav/main/h1; AX: heading poziomu 1; pierwszy Tab do menu. Struktura PASS, przeskok AT niewykonany.
Wejście i dowody 37 żądań, 42 odczyty, każde żądanie związane z keydown isTrusted=true i activeElement; kontrola składni JS oraz hashów PASS.
Media Sześć finalnych JPEG i wcześniejszy kadr próbny obejrzane w źródle. Sekwencja z logiem, bez filmu/audio i retuszu. Wcześniejszy kadr poza liczbami finalnej próby.

Trzy kroki do save w good i jedenaście naciśnięć w bad są wynikiem tych tras, bez progu WCAG lub benchmarku pracy użytkownika. Pierwsza próba drivera zatrzymała się przy porównaniu obiektów z różnych kontekstów JS. Poprawiono odczyt, bez zmiany demonstracji; nie był to błąd skrótu. Lokalny bind wymagał eskalacji sandboxu. Konwersja nie ponawia tych prób.

Reguły mogą sprawdzić cel, activeElement i następny przystanek; znane oczekiwania demonstracji nie klasyfikują dowolnej witryny. DOM/AX pokazują możliwą strukturę, bez dowodu jej obsługi. AI musi ocenić powtarzalność, związek stron i użyteczność celu. Jedna strona, podobny obraz, liczba tapów lub brak znalezisk nie wystarczają do oceny zbioru.

isTrusted=true oznacza tu wejście dostarczone przez przeglądarkę z narzędzia, bez fizycznej klawiatury. Fokus DOM/AX nie jest kursorem czytnika ani rotorem. Przed niezależną walidacją wyklucz obserwator, parametry wariantów, metadane i oczekiwania testu. Pozostaw właściwą treść oraz wejście.

Jak sprawdza Clearship

Metoda zbierania dowodów z 2026-10-08 wskazuje powtarzający się blok, przycisk pominięcia i nagłówek w obserwacjach aplikacji. Na Androidzie przejście klawiatury dodaje fokus po aktywacji pominięcia i liczbę Tab przez blok. Na iOS to przejście jest niedostępne; nie wykonuje też przeskoku czytnikiem.

Wynik zawsze wymaga człowieka. Kandydat na zbiór powstaje ze stanów jednego tytułu; nie kwalifikuje zbioru stron, programów lub dokumentów. Harness pozostaje we własnej aplikacji, a brak kandydata nie potwierdza braku zastosowania. Nawigacja między różnymi tytułami i nieosiągnięte stany mogą pozostać poza dowodami. Rola nagłówka bywa nieznana w odczycie. Obecność lub brak skrótu nie daje samodzielnego werdyktu, a wybór oceny ręcznej nie zamawia usługi człowieka.

Powiązane kryteria