Email or username:

Password:

Forgot your password?
Андрей's posts Post Back to profile
Андрей Ситник

Думаю про то, как сделать клавиатурный UI удобным в своём хобби-проекте.

Смотрите, как пока получилось:
1. Нажимаем L, чтобы перейти в список подписок (кнопка вжата пока держим клавишу).
2. P — открываем настройки.
3. Фокус сразу в подменю, чтобы выбрать раздел стрелками и Enter

3 Dec 2023 at 11:39 | Open on mastodon.social
3 comments
Андрей Ситник

Принципы:

1. Клавиатурный UI не только для a11y, а как быстрый способ работы
2. Что нажимать сразу подписано, чтобы не забывалось (можно скрыть в настройках)
3. Я стараюсь не просто назначить кучу горячих клавиш, а продумать как будет выглядеть взаимодействие

3 Dec 2023 at 11:39 | Open on mastodon.social
Андрей Ситник

Ссылка Settings, само собой, имеет aria-haspopup=menu, чтобы и пользователи читалок экрана знали, что нажатие перекинет в другой UI, где выбирать надо стрелками.

Подменю имеет role=menu и role=menuitem — тоже, чтобы было понятно про стрелки.

3 Dec 2023 at 11:39 | Open on mastodon.social
Андрей Ситник

В длинные подменю (что будет у Fast и Slow) потом попробую добавить fuzzy search, чтобы вообще красиво работало:

Открыть, например, CSS-Tricks можно будет нажав: S csstr Enter

3 Dec 2023 at 11:39 | Open on mastodon.social
Go Up