[PR #1333] [MERGED] Highlight items when navigating via keyboard #3518

Closed
opened 2026-04-25 00:15:58 +02:00 by adam · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf/pull/1333
Author: @lkiesow
Created: 12/28/2022
Status: Merged
Merged: 12/29/2022
Merged by: @advplyr

Base: masterHead: keynoard-navigation-border


📝 Commits (1)

  • 4b0c59b Highlight items when navigating via keyboard

📊 Changes

2 files changed (+5 additions, -5 deletions)

View changed files

📝 client/components/app/Appbar.vue (+4 -4)
📝 client/components/ui/LibrariesDropdown.vue (+1 -1)

📄 Description

This patch highlights items in the app bar if a user uses the keyboard to navigate in audiobookshelf. This ensures that users actually know which item they have selected.

Screenshot from 2022-12-28 22-51-24

This also modifies the text for the library selector, so that users which are using a screen reader understand that it is a selector for libraries and not only a button related to the current library.


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/advplyr/audiobookshelf/pull/1333 **Author:** [@lkiesow](https://github.com/lkiesow) **Created:** 12/28/2022 **Status:** ✅ Merged **Merged:** 12/29/2022 **Merged by:** [@advplyr](https://github.com/advplyr) **Base:** `master` ← **Head:** `keynoard-navigation-border` --- ### 📝 Commits (1) - [`4b0c59b`](https://github.com/advplyr/audiobookshelf/commit/4b0c59b174fe7f73676fcb40bb1a706134bc30da) Highlight items when navigating via keyboard ### 📊 Changes **2 files changed** (+5 additions, -5 deletions) <details> <summary>View changed files</summary> 📝 `client/components/app/Appbar.vue` (+4 -4) 📝 `client/components/ui/LibrariesDropdown.vue` (+1 -1) </details> ### 📄 Description This patch highlights items in the app bar if a user uses the keyboard to navigate in audiobookshelf. This ensures that users actually know which item they have selected. ![Screenshot from 2022-12-28 22-51-24](https://user-images.githubusercontent.com/1008395/209877055-d8445c00-53b0-40fe-9ccd-966715c3887a.png) This also modifies the text for the library selector, so that users which are using a screen reader understand that it is a selector for libraries and not only a button related to the current library. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
adam added the pull-request label 2026-04-25 00:15:58 +02:00
adam closed this issue 2026-04-25 00:15:58 +02:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#3518