Почему ссылка становится такой маленькой

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

Палец не похож на курсор: он закрывает часть экрана и не позволяет навести указатель на пиксель. Поэтому важно не только то, насколько крупно написан текст ссылки, но и какова вся область, по которой можно нажать. Если она мала, легко промахнуться или открыть соседний пункт.

Почему старый вид сохраняется

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

Даже когда платформа позволяет создавать современные страницы, готовые темы и давно опубликованный контент не обязательно обновляются вместе с ней. Переделка требует изменить оформление и проверить, не нарушилось ли расположение элементов. Поэтому внешне привычный сайт может оставаться неудобным на телефоне не из-за одной крошечной ссылки, а из-за всего способа, которым страница подогнана под большой экран.

Цена для читателя

Если для перехода приходится увеличивать страницу или целиться в надпись, простое действие превращается в серию попыток. Особенно заметно это в меню и списках ссылок: чем плотнее они расположены, тем выше шанс задеть не тот пункт. Удобство мобильной страницы определяется не только читаемостью текста, но и размером пространства, которое отведено пальцу для нажатия.