Comment 5 for bug 1828463

Revision history for this message
Stephanie Leary (stephanieleary) wrote (last edit ):

Here's a branch that bumps up the opacity of the blue focus outlines to 75% (from Bootstrap's default 25%) and changes the nav bar's focus outline color to yellow for better contrast against the green.

https://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/sleary/LP1828463-bolder-focus-outlines

To test:

1. You'll need to have your browser set up for keyboard testing if you don't already: https://wiki.evergreen-ils.org/doku.php?id=accessibility:testing#testing_keyboard_navigation
2. Focus on your browser's address bar and then press tab until you get past your toolbar buttons. You should start to see the nav menu items outlined in yellow.
3. Keep tabbing until you reach something else that can be focused, like a form input. It should be outlined in bright blue.

Most outlines hug their contents, but I spaced out the checkbox outline a little. Let me know what you think of this, and if you spot anything else that needs its spacing or color tweaked.