[Enhancement]: UI Improvements: Heading Levels and Accessibility Enhancements

[math65]

Type of Enhancement

Web Interface/Frontend

Describe the Feature/Enhancement

The current interface lacks proper heading levels, which makes it difficult for screen reader users to navigate effectively. For instance, on the homepage, categories like ‘Continue Reading’ and ‘Recently Added’ do not have headings, which would make navigation faster and more intuitive. Additionally, the web player section could benefit from a dedicated heading or ARIA landmarks for improved accessibility.

Some elements on the homepage are not labeled correctly, such as ‘play_arrow,’ ‘radio_button_unchecked,’ and ‘more_vert,’ leaving their purpose unclear to screen reader users.

On the book detail page, after the ‘Play’ button, there are two unlabeled buttons whose function is not specified, making it hard to interact with these elements.

Why would this be helpful?

Improving heading levels and labeling would significantly enhance navigation and usability for screen reader users, making it easier to quickly locate and interact with key sections and controls on the interface. Clear labels ensure all users understand the purpose of buttons and elements, providing a more inclusive and user-friendly experience.

Future Implementation (Screenshot)

I am unable to provide a doodle or screenshot as I am blind, but I have described the issue in detail to help you understand and visualize the areas needing improvement. I am happy to collaborate further if needed.

Audiobookshelf Server Version

2.17.5

Current Implementation (Screenshot)

I was looking at the homepage and the book detail page when I noticed these areas that could benefit from enhancements.

[advplyr]

Related to and may be able to be combined with #2268

Also related to #441

[math65]

Sorry, I looked for Accessibility in the issues before writing, but I hadn't found them :)

…

Le 10 déc. 2024 à 00:28, advplyr ***@***.***> a écrit : Related to and may be able to be combined with #2268 <#2268> Also related to #441 <#441> — Reply to this email directly, view it on GitHub <#3699 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AG4WO54ZSJWCGBB5ZJLQ5732EYRRZAVCNFSM6AAAAABTJEAPMCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDKMRZG43TOMJVGE>. You are receiving this because you authored the thread.