Zaburzona hierarchia nagłówków i brak punktu orientacyjnego <main>

WCAG 1.3.1[A]

Informacje i relacje

#pzpn.pl

Arek25 maj 2026

Opis problemu

Struktura nagłówków na stronie jest nieprawidłowa: H1 zawiera logo PZPN (nie tytuł strony), a kolejne poziomy przeskakują bezpośrednio do H4 (tytuły artykułów), pomijając H2 i H3. Nieprawidłowe zagnieżdżenie dezorientuje użytkowników czytników ekranu i uniemożliwia zrozumienie struktury dokumentu. Dodatkowo strona nie zawiera elementu <main> ani elementu z atrybutem role='main', co pozbawia użytkowników czytników ekranu możliwości szybkiego przeskoczenia do głównej treści.

Dotyczy strony

https://pzpn.pl

Po lewej stronie rozszerzenie HeadingsMap pokazujące problem ze strukturą nagłówków. Po prawej widoczny fragment strony - kliknij, aby otworzyć w nowym oknie

Sugerowane rozwiązanie

Przebudować hierarchię nagłówków: H1 – tytuł strony lub nazwa serwisu (nie logo), H2 – nazwy głównych sekcji (np. Aktualności, Kalendarz, Wydawnictwa), H3 – podsekcje, H4 – tytuły pojedynczych artykułów. Główną treść strony opakować elementem <main>. Przykład:

<main>
  <h1>PZPN</h1>
  <section>
    <h2>Aktualności</h2>
    <article><h3>Tytuł artykułu</h3></article>
  </section>
</main>