Do Not Remove Outline On Keyboard Focus

Question

Do Not Remove Outline On Keyboard Focus

mzlock opened this issue 7 years ago · comments

Do not remove the outline on buttons when they gain keyboard focus. This is an accessibility issue since the outline aids users navigating sites with only their keyboard.

Consider using a tool like what-input if you'd like to remove the outline for mouse users while keeping the outline for keyboard users:
https://github.com/ten1seven/what-input

Ganapati V S · Answer 1 · Sat Dec 31 2016 05:43:20 GMT+0800 (China Standard Time)

Probably its not a good idea to add JS dependency(what-input) to a CSS library, So, Now library doesn't override outline by default, but in case you want to disable outlines, a helper class(bttn-remove-outline) is added to remove all outlines on a button.

Does this solve your issue?

Ganapati V S · Answer 2 · Sat Dec 31 2016 14:51:13 GMT+0800 (China Standard Time)

Can I close the issue?

Megan Zlock · Answer 3 · Tue Jan 03 2017 23:12:59 GMT+0800 (China Standard Time)

@ganapativs yes, that's a decent compromise, I think. I appreciate the new accessibility toggle. I would maybe argue that the toggle should be on by default, but I won't harp on it. Thank you for your work!