luci-theme-bootstrap: fix hidden down arrow on submenus for accessibility - #8880
Open
bpisch wants to merge 1 commit into
Open
luci-theme-bootstrap: fix hidden down arrow on submenus for accessibility#8880bpisch wants to merge 1 commit into
bpisch wants to merge 1 commit into
Conversation
openwrt
Bot
added
the
not following guidelines
…lity The down arrow displayed next to submenus is a CSS-drawn triangle, but in its content: field it had a hidden down arrow encoded as ↓ Since these HTML-encoded symbols aren't converted into real characters in CSS fields, screen readers read this out loud even if it is visually hidden. Therefore next to all submenus, screen readers announced: and darr semicolon. This change fixes the symbol encoding so that screen readers correctly announce "down arrow". Signed-off-by: Bendeguz Pisch <pisch.beni@gmail.com>
openwrt
Bot
removed
the
not following guidelines
openwrt-ai
reviewed
Jul 27, 2026
Rondom
approved these changes
Aug 4, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR is an improvement for LuCI screen reader accessibility for blind and visually impaired people. It should not affect the visual look of the page.
The down arrow displayed next to submenus is a CSS-drawn triangle, but in its content: field it had a hidden down arrow encoded as ↓ Since these HTML-encoded symbols aren't converted into real characters in CSS fields, screen readers read this out loud even if it is visually hidden. Therefore next to all submenus, screen readers announced: and darr semicolon. This change fixes the symbol encoding so that screen readers correctly announce "down arrow" when navigating onto a submenu. The visually drawn triangle is completely ignored by the screen reader, that is why some indication is needed. Later this could be improved with proper ARIA attributes, but this was the quickest fix for now to improve LuCI usability until I manage to test it further.
Change is tested on OpenWrt 25.12.5 but as this is a CSS modification it should be universal anywhere LuCI is used.