⌨️ Управление фокусом для доступности компонента
Доступный компонент невозможен без правильной работы с клавиатурой и фокусом. При открытии модалки фокус должен перемещаться внутрь. При закрытии — возвращаться на элемент, который её открыл. Клавиша Escape должна закрывать модалку. Focus trap — фокус не должен уходить из компонента на фоновые элементы, зацикливание по Tab внутри. Это реализуется через отслеживание фокуса и принудительное перемещение его на первый/последний элемент при достижении границы. На собеседовании Middle и Senior важно показать понимание клавиатурной навигации. Полный разбор — в большом видео по ссылке под этим шортсом. #a11y #keyboard #focustrap #accessibility #frontend #frontendinterview #middle #senior #techinterview #codinginterview
Доступный компонент невозможен без правильной работы с клавиатурой и фокусом. При открытии модалки фокус должен перемещаться внутрь. При закрытии — возвращаться на элемент, который её открыл. Клавиша Escape должна закрывать модалку. Focus trap — фокус не должен уходить из компонента на фоновые элементы, зацикливание по Tab внутри. Это реализуется через отслеживание фокуса и принудительное перемещение его на первый/последний элемент при достижении границы. На собеседовании Middle и Senior важно показать понимание клавиатурной навигации. Полный разбор — в большом видео по ссылке под этим шортсом. #a11y #keyboard #focustrap #accessibility #frontend #frontendinterview #middle #senior #techinterview #codinginterview




