Некоторые стандарты оформления кликабельных ссылок в веб-дизайне:
- Подчёркивание. 23 Традиционный способ выделения ссылок, знакомый большинству пользователей. 3 Согласно Международному стандарту доступности веб-контента WCAG 2.0, подчёркивание — различительный элемент, который нужен, чтобы люди, не различающие цвета, могли работать с интерактивными элементами. 2
- Контрастный цвет. 3 Ссылки должны отличаться от основного текста. 3 Обычно для выделения используют синий цвет, так как он наиболее привычен для пользователей. 5
- Единый стиль. 5 Все ссылки на сайте должны быть оформлены в одном дизайне. 25 Так пользователь сможет найти их с первого взгляда без совершения дополнительных действий. 5
- Различие между посещёнными и непосещёнными ссылками. 23 Цвет непосещённой ссылки должен быть ярким, а посещённой — тусклым. 2
- Достаточное расстояние между ссылками. 3 Расположенные близко друг к другу ссылки приводят к случайным нажатиям. 3 Рекомендуется отступ между интерактивными элементами не менее 8–10 пикселей. 3
- Адаптация под разные размеры экранов. 3 Для этого используют отзывчивый дизайн с медиа-запросами. 3
Стандарты оформления ссылок могут меняться со временем, так как оптимизация кликабельных ссылок — непрерывный процесс. 3