Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
dmorgant opened this issue Nov 27, 2018 · 1 comment
Open

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

dmorgant opened this issue Nov 27, 2018 · 1 comment

Comments

@dmorgant
Copy link
Contributor

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
Copy link
Member

steven1046 commented Dec 3, 2018

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants