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:
: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:
And on the end of guide rating "faces"
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.
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:
: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:
And on the end of guide rating "faces"
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