github-buttons icon indicating copy to clipboard operation
github-buttons copied to clipboard

Accessibility: Keyboard focus styling isn't very visible

Open rzhao271 opened this issue 3 years ago • 0 comments

  1. Place the component on a webpage and tab to it.
  2. :bug: There is some styling on focus, but it's not that obvious, especially on the left half.

A way to make keyboard focus more obvious is to add an outline border.

Example screencap: Screencap demonstrating keyboard focus styling on the Language Server Protocol website. The links have visible borders around them, whereas the component doesn't have an outline when focused

rzhao271 avatar Aug 02 '22 18:08 rzhao271