Когда я пишу статьи или посты, то часто размышляю о том, куда именно лучше поместить ссылку на источник — в конец предложения, привязать её к конкретному слову (что невозможно в LinkedIn) или вообще поместить её в конец материала… Способов много, но возникает важный вопрос — как эту ссылку будет воспринимать пользователь программы экранного доступа?
Согласно руководству по доступности веб-контента (WCAG), а также многочисленным исследованиям на тему удобства использования:
- Люди, пользующиеся программами экранного доступа, часто осуществляют навигацию по сайту, прибегая к перемещению только лишь по ссылкам
- Они могут не читать предложение целиком, а вместо этого просматривать только список ссылок.
- Расплывчатые названия ссылок вроде «нажмите сюда» или «это» сбивают с толку и замедляют процесс навигации по веб-ресурсу.
Другими словами, ссылки должны быть понятны людям вне контекста.
❌ Распространенные ошибки при наименовании ссылок: «Нажмите здесь», «Подробнее», ссылки на слова вроде «показало» или «здесь», размещение Row URL (веб-адреса ресурса) в конце ссылки без необходимого контекста.
Пример: «по итогам исследования были достигнуты значимые результаты. Нажмите здесь». Программа экранного доступа озвучит данный текст следующим образом: «Ссылка: нажмите здесь», что абсолютно бесполезно для пользователя с инвалидностью по зрению. Лучше сделать текст ссылки информативным и содержательным. Вместо «По итогам Исследования были достигнуты значимые результаты»
➡️ Напишите: «По итогам исследования, проведённого в 2023-м году, и посвящённого загрязнению воздуха и здоровью лёгких, были достигнуты значимые результаты» (вставьте ссылку на источник во фразу «По итогам исследования, проведённого в 2023-м году и посвященного загрязнению воздуха и здоровью легких, были достигнуты значимые результаты»). Теперь пользователь программы экранного доступа услышит: «Ссылка: по итогам исследования, проведённого в 2023-м году, посвящённого загрязнению воздуха и здоровью лёгких».
Поддержка встроенных ссылок в постах на LinkedIn, однако, отсутствует, поэтому при использовании данной платформы нужно адаптировать текст и всегда давать контекст перед ссылкой. Это может выглядеть следующим образом:
➡️«Согласно исследованию 2023 года, посвященному загрязнению воздуха и здоровью лёгких: https://…»
➡️ Или: «Согласно исследованию 2023 года, посвященному загрязнению воздуха и здоровью легких (ссылка размещена в комментариях)». Хорошо оформленная ссылка отвечает на вопрос: «Если я вижу только эту ссылку, понятно ли мне, на какую страницу/ресурс она ведёт?»
Чек-лист по обеспечению доступности ссылок:
1️⃣ В тексте ссылки четко написано, куда она ведёт
2️⃣ Никаких фраз, наподобие «нажмите здесь» / «подробнее» / «это»
3️⃣ Смысл ссылки понятен из контекста
4️⃣ Ключевые слова должны быть частью ссылки
5️⃣ При необходимости указывается формат файла (PDF, видео и т. д.)
6️⃣ Ссылки визуально отличаются от другого материала (не только в плане цвета!)
7️⃣ На таких платформах, как LinkedIn, контекст ссылки должен размещаться перед URL
Важно помнить, что наличие доступных ссылок упрощает навигацию по сайтам и в целом полезны не только пользователям программ экранного доступа, но и всем остальным людям.
Перевёл Владислав Бондаренко
Источник: a11ywithdiana.substack.com