Версия источника: 613500afd8eca5143b4094f6f5cd48e67844f8ff Синхронизировано: 2026-11-11T03:48:23.836Z Источник: https://github.com/sergey-from-riders/vibecoding-base/tree/613500afd8eca5143b4094f6f5cd48e67844f8ff ![Вкладки и свойства: неудобный пример на вымышленных данных](https://raw.githubusercontent.com/sergey-from-riders/vibecoding-base/613500afd8eca5143b4094f6f5cd48e67844f8ff/registry/standards/ui/admin-interface/assets/editor-bad.webp) ![Вкладки и свойства: рекомендуемый пример на вымышленных данных](https://raw.githubusercontent.com/sergey-from-riders/vibecoding-base/613500afd8eca5143b4094f6f5cd48e67844f8ff/registry/standards/ui/admin-interface/assets/editor-good.webp) # Вкладки и свойства ## Коротко Пользователь может группировать поля и перемещать их между вкладками. ## Плохо ```text 120 полей в одной форме. Перенос поля меняет его имя в данных. ``` ## Хорошо ```text Вкладки: Основное, Цены, Медиа. Поля перетаскиваются или переносятся через меню. Идентификатор поля не меняется. ``` ## Почему Компоновка рабочего места и модель записи решают разные задачи. Перестановка не должна повреждать API-контракт или создавать правку содержимого. ## Когда применять Большие редакторы. Персональные настройки отделены от общих; общая настройка требует права. Поиск и «Все свойства» позволяют найти скрытое вкладкой поле. ## Как проверить - Перенесите поле и проверьте сохранённое значение. - Сбросьте компоновку без изменения черновика. ## Человек Задаёт исходные группы и доступ к общей настройке. ## Агент Хранит компоновку отдельно от данных и обеспечивает перенос без мыши. ## Пример применения Поле price остаётся тем же полем после переноса из «Основного» в «Цены». Счётчики изменений остаются у фактических полей, а не у старых позиций. ## Источники - [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/editor-layout.md)