Новый инструмент Microsoft для браузеров сделает веб-сайты более удобными для использования с клавиатурой.

Если вы когда-либо пытались перемещаться по сайту без мыши — возможно, ваш тачпад вышел из строя посреди презентации, или вы просто предпочитаете держать руки на клавиатуре — вы уже знаете, насколько это раздражает. Половина страницы недоступна. Кнопки не реагируют. Меню словно насмехаются над вами издалека.

Оказывается, вы не одиноки: примерно 50% веб-сайтов полностью игнорируют tabindex — базовый элемент, необходимый для работы навигации с помощью клавиатуры. Microsoft хочет это исправить — и не ждет, пока разработчики сами это выяснят.

Более простой способ создания веб-сайтов, удобных для использования с клавиатурой.

Команда Edge только что анонсировала focusgroup — новый HTML-атрибут, который значительно упрощает веб-дизайн с использованием клавиатуры. Разработчикам достаточно добавить один атрибут в свой HTML-код, и браузер сам всё сделает — никакой сложной логики tabindex, никаких сторонних библиотек, усложняющих код.

Клавиши со стрелками работают так, как ожидают пользователи, скрытые или отключенные элементы незаметно пропускаются, и это даже работает внутри теневого DOM без каких-либо проблем.

Проблема, которую решает это решение, годами незаметно мучила разработчиков. Создание полностью доступного с клавиатуры сайта — с меню, подменю, панелями инструментов и группами вкладок — непростая задача. Она требует значительного времени, специальных знаний и огромного количества JavaScript-кода, который пользователям приходится скачивать каждый раз при посещении сайта.

Чем больше кода, тем медленнее загрузка страниц, а медленная загрузка страниц приводит к недовольству пользователей.

Меньше кода, более быстрые страницы, лучшая доступность

Microsoft впервые представила focusgroup еще в 2021 году, а затем показала его сообществу OpenUI в 2022 году — так что это не проект выходного дня. Он разрабатывался годами с учетом мнения всей экосистемы браузеров.

Польза от этой функции широка: люди с двигательными нарушениями, опытные пользователи, сотрудники предприятий, работающие со сложными панелями управления — по сути, любой, кто когда-либо нажимал клавишу Tab и молился.

В данный момент он доступен для раннего тестирования в Edge, и Microsoft отправила код в проект Chromium — это означает, что Chrome и многие другие браузеры тоже могут его использовать. Если остальной мир браузеров последует этому примеру, то то, что выглядит как незаметный инструмент для разработчиков, может в конечном итоге изменить представление о доступности веб-сайтов для миллионов людей, которые никогда не пользуются мышью.

Статья "Новый инструмент Microsoft для браузеров сделает веб-сайты более удобными для использования с клавиатурой" впервые появилась на сайте Digital Trends .