starred/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-05-30 23:40:40 +02:00
Code Issues 1.0k Packages Projects Releases 10 Wiki Activity

[PR #1188] [MERGED] Make Tooltips Accessible #3473

New Issue
Closed
opened 2026-04-25 00:15:48 +02:00 by adam · 0 comments
adam commented 2026-04-25 00:15:48 +02:00
Owner
Copy Link
Copy Source

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf/pull/1188
Author: @lkiesow
Created: 11/20/2022
Status: ✅ Merged
Merged: 11/20/2022
Merged by: @advplyr

Base: master ← Head: a11y-tooltip

📝 Commits (1)

📊 Changes

1 file changed (+12 additions, -3 deletions)

View changed files

📝 client/components/ui/Tooltip.vue (+12 -3)

📄 Description

When using accessibility tools like screen magnifiers, dynamic screen content can be quite problematic. In particular content, which only appears if you interact with elements somewhere else on the screen. That is the case, for example, with the current implementation of tooltips used by audiobookshelf.

This patch provides a slight adjustment, keeping the tooltips open if you hover over them. This allows users to have better access to the content.

For those unfamiliar with e.g. screen magnification tools, here is a short example:

https://user-images.githubusercontent.com/1008395/202920990-3df731c9-29a6-442d-b845-61364d45c20b.mp4

You couldn't have read the right half of the tooltip if it would still disappear immediately.

🔄 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/1188 **Author:** [@lkiesow](https://github.com/lkiesow) **Created:** 11/20/2022 **Status:** ✅ Merged **Merged:** 11/20/2022 **Merged by:** [@advplyr](https://github.com/advplyr) **Base:** `master` ← **Head:** `a11y-tooltip` --- ### 📝 Commits (1) - [`ee0ac00`](https://github.com/advplyr/audiobookshelf/commit/ee0ac00f80d23673a29451cc0647b8fc895b6856) Make Tooltips Accessible ### 📊 Changes **1 file changed** (+12 additions, -3 deletions) <details> <summary>View changed files</summary> 📝 `client/components/ui/Tooltip.vue` (+12 -3) </details> ### 📄 Description When using accessibility tools like screen magnifiers, dynamic screen content can be quite problematic. In particular content, which only appears if you interact with elements somewhere else on the screen. That is the case, for example, with the current implementation of tooltips used by audiobookshelf. This patch provides a slight adjustment, keeping the tooltips open if you hover over them. This allows users to have better access to the content. For those unfamiliar with e.g. screen magnification tools, here is a short example: https://user-images.githubusercontent.com/1008395/202920990-3df731c9-29a6-442d-b845-61364d45c20b.mp4 You couldn't have read the right half of the tooltip if it would still disappear immediately. --- <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:48 +02:00
adam closed this issue 2026-04-25 00:15:48 +02:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
authentication
backlog
bug
chapter editor
config-issue
ebooks
encoding/embedding
enhancement
help wanted
listening sessions & progress
planned
possible plugin
progress sync
pull-request
Mirrored from GitHub Pull Request
 sorting/filtering/searching
unable to reproduce
upload
users & permissions
waiting
No Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
adam (Adam Melkus)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#3473
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?