Увеличьте размер активных элементов на странице

Это правило срабатывает, когда PageSpeed Insights обнаруживает, что определенные активные элементы (например, кнопки, ссылки или поля форм) слишком малы или расположены слишком близко, в результате чего пользователю сложно взаимодействовать с ними.

Общая информация

Попасть пальцем в маленькие или тесно сгруппированные ссылки (кнопки) гораздо сложнее, чем указателем мыши. Чтобы пользователь мог без затруднений выбрать нужный активный элемент, они должны быть достаточно крупными, а располагать их следует на удалении друг от друга. Это сведет к минимум количество ложных нажатий. Средняя ширина подушечки пальца взрослого человека составляет 10 миллиметров, поэтому в рекомендациях по интерфейсу приложений Android рекомендуется задавать размер активных элементов не менее 7 мм, или 48 пикселей CSS на сайте с правильно настроенной областью просмотра для мобильных устройств.

Рекомендации

Убедитесь, что важнейшие активные элементы на вашем сайте (которыми пользуются чаще всего) достаточно велики – не менее 48 пикселей в ширину или высоту (при условии, что вы уже настроили область просмотра). Элементы, которые используются не так часто, можно сделать меньше, но обязательно соблюдать между ними интервал, чтобы палец шириной 10 миллиметров не мог нажать одновременно две кнопки. Пользователи должны иметь возможность без затруднений выбрать нужный элемент, не прибегая к масштабированию или другим функциям браузера (например, всплывающее увеличительное стекло в Chrome).

Сделайте важные активные элементы достаточно крупными

Это относится к элементам, которые используются чаще всего (например, кнопки самых распространенных действий, строка поиска, важные поля и основные навигационные ссылки). Размер этих элементов должен составлять не меньше 7 миллиметров (48 пикселей CSS на сайте с правильно настроенной областью просмотра). В противном случае между ними должен быть увеличенный интервал.

Убедитесь, что между маленькими активными элементами есть дополнительный интервал

Редко используемые ссылки или кнопки имеет смысл сделать меньше, чем рекомендуемые 7 миллиметров, но вокруг них на расстоянии 5 миллиметров (32 пикселя CSS) по вертикали и горизонтали не должно быть других активных элементов, чтобы пользователь случайно не нажал на них.