Версия источника: 613500afd8eca5143b4094f6f5cd48e67844f8ff
Синхронизировано: 2026-11-11T03:48:23.836Z
Источник: https://github.com/sergey-from-riders/vibecoding-base/tree/613500afd8eca5143b4094f6f5cd48e67844f8ff

<a id="interface-keyboard-mobile"></a>

# Клавиатура и мобильный экран

## Коротко

Все основные действия доступны без мыши и на узком экране.

## Плохо

```text
Переставить поле можно только перетаскиванием.
Плавающая панель закрывает кнопку на телефоне.
```

## Хорошо

```text
Есть фокус, подписи и действия «Выше», «Ниже», «Во вкладку».
Панель учитывает экранную клавиатуру.
Широкий код прокручивается внутри своего блока.
```

## Почему

Клавиатура и одиночное нажатие — самостоятельные способы управления. Одна клавиатурная альтернатива не решает требования к альтернативе перетаскиванию указателем.

## Когда применять

Основные сценарии административного интерфейса. Нативная таблица предпочтительна; роль grid требует полноценного управления фокусом. Проверяйте 320 и 390 px, масштаб, светлую и тёмную темы.

## Как проверить

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

## Человек

Определяет критические сценарии для приёмки.

## Агент

Проверяет фокус, семантику и альтернативные способы действия.

## Пример применения

Меню поля содержит «Переместить во вкладку…». После переноса фокус остаётся у того же поля, а не теряется в начале страницы.

## Источники

- [Understanding Success Criterion 2.5.7: Dragging Movements | WAI | W3C](https://www.w3.org/WAI/WCAG22/Understanding/dragging-movements.html)
- [Table Pattern | APG | WAI | W3C](https://www.w3.org/WAI/ARIA/apg/patterns/table/)
- [Grid (Interactive Tabular Data and Layout Containers) Pattern | APG | WAI | W3C](https://www.w3.org/WAI/ARIA/apg/patterns/grid/)

Уровень: Обязательно. Опубликовано: 2026-11-11. Проверено: 2026-11-11. Изменено: 2026-11-11.

[Исходный файл](https://github.com/sergey-from-riders/vibecoding-base/blob/613500afd8eca5143b4094f6f5cd48e67844f8ff/registry/standards/ui/admin-interface/rules/keyboard-mobile.md)