Evergreen

dropdown-toggle has no visual focus indicator

Bug #1982503 reported by Benjamin Kalish
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Evergreen
Confirmed
Undecided
Unassigned

Bug Description

The drop down menus in the staff client have no visual focus indicator, making it difficult to tell when they have the keyboard focus. This makes it very difficult for most users to navigate the menus using the keyboard.

The problem comes from bootstrap.min.css, which includes .dropdown-toggle:focus{outline:0}. Since most browser use the outline alone to indicate focus, this effectively hides the focus on these elements. Overriding this with a value that shows an outline (such as outline: solid gold thick;) is sufficient to fix this issue.

See original description
Benjamin Kalish (bkalish)
description: updated
Stephanie Leary (stephanieleary)
Changed in evergreen:
assignee: nobody → Stephanie Leary (stephanieleary)
Revision history for this message
Stephanie Leary (stephanieleary) wrote :

This is fixed in the branch for bug 1828468 on keyboard navigation for the nav menu: https://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/sleary/lp1828468-top-nav-tabindex

tags: added: pullrequest
Changed in evergreen:
assignee: Stephanie Leary (stephanieleary) → nobody
status: New → Confirmed
Revision history for this message
Benjamin Kalish (bkalish) wrote :

Yay! I'm so pleased to see this accessibility issues getting fixed!

Revision history for this message
Andrea Neiman (aneiman) wrote (last edit ):

Since this is pullrequested on another bug I'm marking this as a duplicate.

To post a comment you must log in.
This report contains Public information  
Everyone can see this information.
Subscribing...

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.