Връзки, които всеки разбира: Защо никога не трябва да пишете „Щракнете тук“

Опитайте това: затворете очи и си представете, че някой ви чете списък с всяка връзка на страницата, без околния текст — само текста на самата връзка, един след друг. Ако списъкът звучи като „щракнете тук, щракнете тук, прочетете повече, щракнете тук“ — точно това изпитват много потребители на екранни четци, тъй като те използват функцията „списък с връзки“, за да навигират бързо в документ.

Защо „Щракнете тук“ се проваля

WCAG критерий 2.4.4 („Цел на връзката в контекст“) изисква текстът на връзката, заедно с нейния непосредствен контекст, да обяснява къде води или какво прави. „Щракнете тук“ и „прочетете повече“ се провалят, защото не казват нищо сами по себе си — те зависят изцяло от околния текст, който потребителят, който навигира чрез списък с връзки в екранен четец, просто не чува.

Как да напиша добър текст за връзка

Най-простото правило: текстът на връзката трябва да описва дестинация или действие, а не механизмът за щракване. „Изтеглете годишния отчет (PDF, 2MB)“ е значително по-добър от „Щракнете тук, за да изтеглите отчета“. „Прочетете пълната ни политика за поверителност“ е по-добре от „Щракнете тук за повече подробности“. За файл за изтегляне също е добра идея да отбележите вида и размера в скоби — това помага на всички потребители, не само на тези, които използват екранен четец.

Когато близкият контекст всъщност е достатъчен

WCAG не изисква текстът на връзката да стои изцяло сам по себе си във всеки случай — имате право да разчитате на непосредствен контекст (същия абзац или същия елемент от списъка), стига този контекст да е достъпен и за екранен четец, а не само визуално. Практическият проблем: повтарящите се връзки „прочетете повече“ в списък със статии са чудесен пример за граничен случай — визуално е ясно към коя статия принадлежи всяко „прочетете повече“, но в изолиран списък с връзки всички те звучат идентично. Често срещано решение: добавяне на допълнителен текст към връзката, който е скрит визуално, но достъпен за екранен четец (например „Прочетете повече за [заглавие на статия]“), така че както визуалният дисплей, така и версията за четене на глас да работят добре.

Как работи това в PDF документи

В PDF документи връзките са маркирани като обект Link в дървото на таговете, като вътрешен текст е точно това, което се чете на глас. Често срещаният проблем в документи, експортирани от Word: пълен URL адрес се поставя като текст на самата връзка („https://example.com/very/long/path/document.pdf“) — екранният четец ще прочете целия адрес буква по буква или сегмент по сегмент, което го прави непоносимо за слушане. Поправката: заменете текста на връзката с кратко, ясно описание и запазете пълния адрес само като дестинация (самия URL), а не като показван текст.