Працює
Академія
Правило доступності · bypass

Сторінка повинна мати засоби для пропуску повторюваних блоків

СерйознийWCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), Section 508, Trusted Tester, EN 301 549, RGAA
Впливає на:BlindDeafblind

Сторінка повинна мати механізм для пропуску повторюваних блоків контенту (навігація, хедер).

Як виправити

<!-- ✅ Skip-link (найпростіший спосіб) -->
<body>
  <a href="#main" class="skip-link">Перейти до основного вмісту</a>
  <header>...навігація...</header>
  <main id="main">...основний вміст...</main>
</body>

<!-- CSS для skip-link -->
<style>
.skip-link {
  position: absolute;
  top: -100%;
  left: 0;
  z-index: 100;
}
.skip-link:focus {
  top: 0;
  background: #000;
  color: #fff;
  padding: 8px 16px;
}
</style>

Інші методи

  • Використовуйте семантичні landmarks: <header>, <nav>, <main>, <footer>.
  • Правильна структура заголовків (h1–h6) також допомагає навігації.
Ресурси · Зовнішні посилання
Безкоштовна перевірка

Перевірте свій сайт

Дізнайтеся, чи є це порушення на вашому ресурсі

Безкоштовний аудит