Академія
Правило доступності · link-in-text-block

Посилання повинні відрізнятися не лише кольором

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

Переконайтеся, що посилання в текстовому блоці відрізняються від оточуючого тексту не лише кольором.

Проблема

Користувачі з дальтонізмом можуть не розрізняти посилання, якщо єдина відмінність — колір. Потрібна додаткова візуальна відмінність.

Як виправити

  • Підкреслення — найнадійніший спосіб (за замовчуванням в браузерах).
  • Контраст 3:1 — між кольором посилання і кольором звичайного тексту.
  • Додатково: жирний текст, іконка, рамка.
<!-- ✅ Правильно: підкреслення -->
<p>Читайте <a href="/policy" style="text-decoration: underline">політику конфіденційності</a>.</p>

<!-- ❌ Неправильно: без підкреслення, лише колір -->
<p>Читайте <a href="/policy" style="text-decoration: none; color: blue">політику конфіденційності</a>.</p>
Ресурси · Зовнішні посилання
Безкоштовна перевірка

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

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

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