Проверка порядка фокуса в макете

Показать последовательность интерактивных элементов, положительные tabindex и ловушки в изолированном предпросмотре.

Рабочая область

Обработка на устройстве. Файлы и текст не отправляются в аналитику. Ctrl/Cmd+Enter — запуск.

Загрузка локальной обработки…

Настройки

Настройки содержат параметры, без исходных файлов. Автоматического сохранения нет.

Метод и ограничения

Показывает предполагаемую последовательность Tab с учётом tabindex, disabled, hidden и inert, отмечает положительный tabindex. CSS, shadow DOM и скриптовое управление требуют ручного теста.

Локальная обработка: до2 млн символов или20 000 записей на источник; до50 000 строк результата. Тяжёлые операции имеют отдельные ограничения и отмену. Измеренный спрос и внешние данные не подставляются.

Методика и примеры

Проверка порядка фокуса в макете

Показывает предполагаемую последовательность Tab с учётом tabindex, disabled, hidden и inert, отмечает положительный tabindex. CSS, shadow DOM и скриптовое управление требуют ручного теста.

Входные данные примера

Основной источник

<!doctype html><html lang="ru"><body><label for="name">Имя</label><input id="name" name="name" required minlength="2"><img src="local.png"><button></button><a href="#target">Перейти</a><div id="target">Цель</div></body></html>

Результат примера

orderelementidtabindexnamewarning
1inputname0 по умолчанию
2button0 по умолчанию
3a0 по умолчаниюПерейти

Показано строк: 3 из 3.

Локальная обработка: до2 млн символов или20 000 записей на источник; до50 000 строк результата. Тяжёлые операции имеют отдельные ограничения и отмену. Измеренный спрос и внешние данные не подставляются.

Источники метода

Следующая задача