2022-07-21 18:54:23 |
Benjamin Kalish |
description |
The drop down menus in the staff client have no visual focus indicator, making it difficult for 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. |
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. |
|