1. Кнопки, ссылки, чекбоксы и радиокнопки с их лейблами, селекты имеют CSS свойство для состояния :hover и cursor: pointer.
2. Состояния элементов реализуются в соответствии со стайлгайдами и UI-kit. Если в макете не предусмотрены состояния элементов при ховере, состояния определяются самостоятельно (в соответствии с общей стилистикой макета)
3. Область действия ссылки/кнопки должна совпадать с видимыми размерами элемента, а не растягиваться по ширине родительского блока.
   • Пример:
4. Допускается расширенная кликабельна область там, где используются очень мелкие интерактивные элементы, по которым трудно попасть курсором мыши или тапом при работе со смартфона/планшета.
   • Пример
5. При наведении/нажатии на элемент — ни сам элемент, ни окружающие его блоки не меняют своего положения
   • Пример:
6. У всех href должна быть заглушка #, если они никуда не ведут. Href может вести на страницу, на которой находится пользователь в том случае, если это логотип со ссылкой на главную.
   • Пример:
7. У интерактивных элементов при нажатии или фокусе с клавиатуры есть активное состояние. При перемещении с клавиатуры у интерактивных элементов должен быть аутлайн.
   • Пример:
   • Примечание
8. Отсутствуют ссылки на элементах, указывающих на ту же страницу или раздел, где находится пользователь.
   • Пример:
9. Должно быть запрещено выделение текста на элементах управления (меню, кнопках, вкладках)
   • Пример
10. Формат ссылки имеет префикс tel: на всех телефонных номерах и префикс mailto: для электронной почты.
11. Элементы, раскрывающиеся на десктопе при наведении, на мобильных устройствах открываются по тапу.