Все интерактивные элементы на экране должны быть достаточно большими, чтобы с ними было удобно взаимодействовать, например нажимать на них. Убедитесь, что высота и ширина каждого элемента составляют не менее 48 dp, как указано в руководстве Material Design.
Реализация
View
Compose
Дизайн
Область интерактивных элементов, реагирующая на нажатие или ввод, выходит за видимые границы объектов. Например, внешне размер значка может составлять 24 x 24 dp, но с учетом отступов вокруг него размер интерактивного элемента будет равен 48 x 48 dp. В Jetpack Compose к компонентам Material Design, таким как Checkbox или Switch, автоматически добавляются поля, чтобы размер компонентов составил не менее 48 x 48 dp. В некоторых случаях (например, когда очень маленькие кнопки расположены близко) элементы невозможно расширить без пересечения интерактивных областей.
Используйте интерактивные элементы размером не менее 48 x 48 dp и оставляйте между ними минимум 8 dp свободного пространства. Это поможет сделать взаимодействие с интерфейсом более удобным и эффективным. Физический размер элемента 48 x 48 dp составит около 9 х 9 мм (независимо от размера экрана). Рекомендуемый размер для объектов на сенсорном экране: 7–10 мм.
Примеры приведены в руководстве Material Design.
Тестирование
Убедитесь, что в интерфейсе нет слишком маленьких интерактивных элементов. Вот как это проверить:
- Запустите приложение.
- Определите все интерактивные элементы интерфейса.
- Убедитесь, что размер каждого из них равен 48 x 48 dp (примерно 9 х 9 мм).
Слишком маленькие элементы интерфейса можно выявить в ходе автоматического тестирования. Чтобы проверить приложение на устройстве вручную, воспользуйтесь Сканером доступности. Для автоматического тестирования включите проверку доступности в Espresso и Robolectric.