Попробуйте следующее: закройте глаза и представьте, что кто-то читает вам список всех ссылок на странице, без окружающего текста — только сам текст ссылки, одну за другой. Если список звучит так: «нажмите здесь, нажмите здесь, узнайте больше, нажмите здесь» — это именно то, что испытывают многие пользователи программ чтения с экрана, поскольку они используют функцию «списка ссылок» для быстрой навигации по документу.
Короче — о чем идет речь в этом руководстве
Почему «Нажмите здесь» не работает
Критерий WCAG 2.4.4 («Цель ссылки в контексте») требует, чтобы текст ссылки вместе с ее непосредственным контекстом объяснял, куда она ведет и что она делает. «Нажмите здесь» и «читать дальше» терпят неудачу, потому что сами по себе они ничего не говорят — они полностью зависят от окружающего текста, который пользователь, перемещающийся по списку ссылок в программе чтения с экрана, просто не слышит.
Как написать хороший текст ссылки
Самое простое правило: текст ссылки должен описывать пункт назначения или действие, а не механизм щелчка. «Загрузить годовой отчет (PDF, 2 МБ)» значительно лучше, чем «Нажмите здесь, чтобы загрузить отчет». «Прочитайте нашу полную политику конфиденциальности» лучше, чем «Нажмите здесь, чтобы получить более подробную информацию». Для загружаемого файла также рекомендуется указать тип и размер в скобках — это поможет всем пользователям, а не только тем, кто использует программу чтения с экрана.
Когда контекста поблизости достаточно
WCAG не требует, чтобы текст ссылки был полностью самостоятельным в каждом случае — вам разрешено полагаться на непосредственный контекст (тот же абзац или тот же элемент списка), при условии, что этот контекст также доступен программе чтения с экрана, а не только визуально. Практическая проблема: повторяющиеся ссылки «читать дальше» в списке статей — отличный пример пограничного случая — визуально ясно, к какой статье относится каждое слово «читать дальше», но в изолированном списке ссылок все они звучат одинаково. Распространенное решение: добавление к ссылке дополнительного текста, который визуально скрыт, но доступен для чтения с экрана (например, «Подробнее о [название статьи]»), чтобы как визуальное отображение, так и версия для чтения вслух работали хорошо.
💡 Практический совет
Практическое правило: читайте текст ссылки вслух, отдельно от всего, что вокруг него. Если это не имеет смысла — нужен текст получше.
Как это работает в PDF-документах
В документах PDF ссылки помечаются как объект «Ссылка» в дереве тегов, а внутренний текст — это именно то, что читается вслух. Распространенная проблема в документах, экспортированных из Word: полный URL-адрес вставляется в текст самой ссылки («https://example.com/very/long/path/document.pdf») — программа чтения с экрана будет читать весь адрес по буквам или сегмент за сегментом, что делает его невыносимым для прослушивания. Исправление: замените текст ссылки коротким и понятным описанием и оставьте полный адрес только как пункт назначения (сам URL-адрес), а не как отображаемый текст.
Хотите узнать, какие ссылки в ваших документах неясны?
Наш инструмент определяет общие ссылки и необработанные URL-адреса, используемые в качестве текста ссылки в каждом PDF-документе на вашем сайте.
Сканируйте ваш сайт бесплатно ←