Доступность

Почему ссылки «нажмите здесь» и «узнать больше» — проблема доступности

Пользователи скринридеров часто просматривают ссылки совершенно вне порядка — расплывчатый текст ссылки полностью это ломает.

Что это

Текст ссылки — это фактические кликабельные слова ссылки — в «Нажмите здесь, чтобы увидеть наши цены» слова «нажмите здесь» являются текстом ссылки, хотя «цены» — это слово, фактически несущее смысл в этом предложении. Эта проверка ищет ссылки с расплывчатым, общим текстом вроде «нажмите здесь», «узнать больше» или «ссылка», в отличие от описательного текста, указывающего, куда на самом деле ведёт ссылка.

Многие скринридеры включают функцию, позволяющую пользователю вызвать список всех ссылок на странице, полностью вне контекста окружающего предложения, специально для быстрого перемещения по странице — и это именно та ситуация, в которой общий текст ссылки перестаёт работать.

Почему это важно

Когда пользователь скринридера вызывает этот список ссылок вне контекста, страница, полная ссылок, которые все говорят «нажмите здесь» или «узнать больше», не даёт им способа отличить одно назначение от другого — они остаются со списком идентичных, бессмысленных записей вместо по-настоящему полезного способа навигации по содержимому страницы. Даже без использования этой конкретной функции, услышать ссылку, объявленную просто как «нажмите здесь» посреди предложения, не даёт никакого заблаговременного указания, куда она ведёт, прежде чем решить, следовать ли по ней.

Это чисто письменное исправление, без кода — в отличие от многих проблем доступности, оно не требует никаких технических изменений, только выбора других слов для той же ссылки.

Как это исправить

  1. Поищите в содержимом вашей страницы общие фразы ссылок вроде «нажмите здесь», «узнать больше», «подробнее» или «ссылка», используемые как весь кликабельный текст.
  2. Перепишите каждую так, чтобы сам текст ссылки описывал назначение — например, «Смотреть наши тарифные планы» вместо «нажмите здесь для цен».
  3. Для ссылки «узнать больше», следующей за резюме статьи, рассмотрите возможность сделать кликабельным сам заголовок статьи вместо отдельной общей фразы.
  4. Для ссылок только с иконкой (например, иконки соцсетей) сопроводите их атрибутом aria-label, описывающим назначение, аналогично исправлению для кнопок только с иконкой.
  5. Протестируйте с функцией списка ссылок бесплатного скринридера (доступной в NVDA и VoiceOver), чтобы убедиться, что каждая ссылка теперь читается как отдельная и значимая сама по себе.

Проверьте, есть ли эта проблема на вашем сайте

Launch Readiness проверяет ваш сайт на эту и ещё ~50 проблем перед запуском за несколько секунд — бесплатно, без регистрации.

Запустить бесплатную проверку