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

<a id="interface-manual-order"></a>

# Ручной порядок

## Коротко

Если порядок задаётся вручную, его можно изменить перетаскиванием мышкой.

## Плохо

```text
Для перестановки фото нужно ввести 100, 200, 300.
После переноса описание остаётся у прежней позиции.
```

## Хорошо

```text
Перетащить фото за ручку к видимому месту вставки.
Фото, подпись и ID перемещаются вместе.
Доступны «Выше», «Ниже» и отмена.
```

## Почему

Пользователь работает с элементами, а не с техническими номерами. Стабильные ID защищают подписи и вложенные значения при перестановке.

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

Вкладки, поля, галереи, дни программы и строки с бизнес-порядком. Автоматический порядок по цене или дате не меняется перетаскиванием. Для отфильтрованного или частичного списка сначала определите, между какими соседями сохраняется новая позиция.

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

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

## Человек

Определяет, где порядок ручной, а где вычисляемый.

## Агент

Добавляет ручку, место вставки, сохранение и альтернативные действия.

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

Настройка порядка вкладок сохраняется в персональном виде. Перестановка дней программы меняет черновик записи и публикуется отдельно.

## Источники

- [Understanding Success Criterion 2.5.7: Dragging Movements | WAI | W3C](https://www.w3.org/WAI/WCAG22/Understanding/dragging-movements.html)

Уровень: Рекомендуется. Опубликовано: 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/manual-order.md)