Академія
Правило доступності · 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>Ресурси · Зовнішні посилання
Безкоштовна перевірка
Перевірте свій сайт
Дізнайтеся, чи є це порушення на вашому ресурсі
Безкоштовний аудит