OpenLiberty / iguides-common

Other
0 stars 0 forks source link

Remove blue focus ring from buttons in guide instructions. #271

Open dmorgant opened 5 years ago

dmorgant commented 5 years ago

An extra blue focus ring is being added to the buttons in the guide instructions when selected.
This does NOT happen in all browsers, but it definitely does in chrome. We believe this was added by the browser for accessibility:

image

:focus {     outline: -webkit-focus-ring-color auto 5px; }

Testing shows that this occurs where we have added a tabindex.

Note that this also happens on our playground instruction: image

And on the end of guide rating "faces" image

This issue is to review the blue ring and if we should remove it. Check with other IBM sites to see if they have it.

Priority: Low

steven1046 commented 5 years ago

This may help with how to do this: https://stackoverflow.com/a/45191208/5352346