Microsoft презентувала у попередній версії нову вебтехнологію focusgroup, яка має спростити створення сайтів із повною навігацією за допомогою клавіатури.
Розробка спрямована на спрощення реалізації доступності вебсайтів, зокрема для користувачів, які не використовують мишу або інші вказівні пристрої.
За словами Патріка Броссе, principal product manager у команді браузера Microsoft Edge, сьогодні менше ніж половина сайтів використовує HTML-атрибут tabindex. Цей атрибут дає можливість переміщатися між елементами сторінки за допомогою клавіші TAB.
Коли користувач натискає TAB, браузер переміщує фокус між посиланнями або інтерактивними елементами сторінки. Натискання ENTER дає змогу активувати вибраний елемент. Розробники можуть визначати порядок переміщення фокусу між елементами.
Такі механізми є важливою частиною стандартів доступності Web Content Accessibility Guidelines (WCAG), розроблених консорціумом W3C.
За словами Броссе, реалізація повноцінної клавіатурної навігації є складною для розробників.
«Створення повністю доступного сайту, особливо з комплексними елементами інтерфейсу (меню, підменю, панелями інструментів, вкладками й іншими групами елементів), потребує значних знань і часу», — зазначив він.
Навіть досвідчені розробники часто змушені писати складний JavaScript-код або використовувати сторонні бібліотеки для реалізації таких функцій. Це збільшує обсяг коду, який потрібно підтримувати, а також впливає на швидкість завантаження сайтів.
«Чим більше коду потрібно сайту, тим більше часу потрібно для його завантаження і початку роботи», — додав Броссе.
Новий механізм focusgroup покликаний вирішити цю проблему. Він дає можливість створювати групи елементів навігації, між якими користувач може переміщатися за допомогою клавіатури без необхідності писати складний JavaScript.
Ідею focusgroup Microsoft презентувала ще у 2022 році та винесла на обговорення у спільноті розробників. Після кількох ітерацій та обговорень технологію вирішили протестувати ширше.
Зараз focusgroup доступний для раннього тестування у браузері Microsoft Edge. Оскільки компанія передала реалізацію технології до проєкту Chromium, її можуть протестувати й розробники браузерів, які використовують цей рушій.
Старший інженер Microsoft Edge Web Platform Team Жак Ньюман опублікував детальну документацію щодо використання focusgroup і закликав розробників ділитися відгуками.
У багатьох країнах принципи WCAG є частиною законодавчих вимог щодо доступності цифрових сервісів. Нова технологія може допомогти компаніям простіше відповідати вимогам законів про недискримінацію.
Зменшення обсягу JavaScript може позитивно вплинути на швидкість роботи сайтів для всіх користувачів.
Читайте також на ProIT, що Microsoft додала підтримку C++ і CMake у GitHub Copilot для VS Code.
Підписуйтеся на ProIT у Telegram, щоб не пропустити жодної публікації!
