MicroTools

Link Text Quality Checker

Знаходьте «натисніть тут», дублікати посилань та порожні анкери, що порушують WCAG 2.4.4.

Про інструмент Link Text Quality Checker

Вставте HTML та знайдіть недоступний текст посилань. Виявляє «натисніть тут», «читати далі», дублікати посилань на різні URL, посилання без тексту та посилання лише з зображеннями без alt-тексту. WCAG 2.4.4 / 2.4.9.

Як використовувати

  1. 1Вставте HTML вашої сторінки у поле введення.
  2. 2Інструмент витягує всі теги <a> та аналізує їх текстовий вміст.
  3. 3Проблеми групуються: загальний текст, дублікати, порожні посилання, посилання-лише-зображення.
  4. 4Кожна проблема показує посилання, його URL та пропозицію щодо покращення.
  5. 5Експортуйте звіт як чеклист виправлень.

Часті запитання

Чому «натисніть тут» погано для доступності?
Скрін-рідери виводять список усіх посилань на сторінці. «Натисніть тут» повторений 10 разів не дає контексту про призначення. WCAG 2.4.4 вимагає, щоб мета кожного посилання була зрозуміла з його тексту.
Що таке дублікати посилань?
Кілька посилань на одній сторінці з різними URL але однаковим текстом (наприклад два «Читати далі» на різні статті). Це заплутує користувачів клавіатури та скрін-рідерів.
Що таке WCAG 2.4.9?
Більш суворий рівень AAA: мета посилання має бути зрозуміла з самого тексту посилання, без покладання на навколишній контекст.
Як виправити посилання лише із зображенням?
Додайте описовий alt-текст до зображення або додайте span що візуально приховано всередині елемента анкора: <span class="sr-only">Переглянути деталі товару</span>.

Інформація

Категорія
compliance
Використання
Необмежено

Схожі інструменти

Heading Structure Auditor

Знаходьте пропущені рівні, дублікати H1 та зламану ієрархію заголовків в HTML/Markdown.

Alt-Text Linter

Знаходьте відсутній, надлишковий або неякісний alt-текст у вашому HTML миттєво.

A11y Issue Triage Board

Перетворіть результати аудиту доступності на пріоритизований план виправлень з оцінкою критичності.

Більше інструментів: compliance

WCAG Contrast Checker

Перевіряйте рівні AA/AAA контрастності для будь-яких двох кольорів. Отримайте виправлення миттєво.

Non-Text Contrast Checker

Перевіряйте контраст 3:1 для рамок, іконок, кілець фокусу та станів UI.

Heading Structure Auditor

Знаходьте пропущені рівні, дублікати H1 та зламану ієрархію заголовків в HTML/Markdown.

Alt-Text Linter

Знаходьте відсутній, надлишковий або неякісний alt-текст у вашому HTML миттєво.