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

<a id="interface-row-navigation"></a>

# Навигация по строке

## Коротко

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

## Плохо

```text
Нажатие «Удалить», чекбокса или ссылки региона
также открывает карточку тура.
```

## Хорошо

```text
Свободная область → карточка тура.
Чекбокс → выбор; регион → список региона.
Выделение текста и перетаскивание не открывают запись.
```

## Почему

Всплытие события не должно запускать два разных действия. Настоящая ссылка в названии сохраняет стандартное поведение браузера.

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

Таблицы с переходом к записи. Исключайте интерактивные элементы, contenteditable, перетаскивание и выделение текста. Ctrl/Cmd-клик по ссылке продолжает открывать новую вкладку; Shift-выбор строки не превращается в навигацию.

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

- Нажмите каждый вложенный элемент и выделите текст.
- Откройте название клавиатурой и в новой вкладке.

## Человек

Разделяет переход к записи и действия внутри строки.

## Агент

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

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

В туре ссылка «Камчатка» ведёт к связанному списку; свободная часть строки открывает тур. Не превращайте всю таблицу в набор вложенных ссылок.

## Источники

- [Table Pattern | APG | WAI | W3C](https://www.w3.org/WAI/ARIA/apg/patterns/table/)
- [Index table](https://shopify.dev/docs/api/app-home/latest/patterns/compositions/index-table)

Уровень: Обязательно. Опубликовано: 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/row-navigation.md)