10

When I'm using tab to move the focus around on the page, most things have a visual indication of where the focus is (which is a relatively recent change; thank you). I often use this to flag comments - if I click on a link to a comment, I can press tab once and it will focus on the upvote button; another press and it focuses on the flag icon. I use this fairly often.

So I was surprised this morning when I noticed that the focus on the flag icon seems to have vanished. While the focus still moves to the flag, and pressing enter presses it, it no longer has a visual indicator. As I pointed out almost exactly a year ago, it's important that things have a visual indicator when the keyboard focus is on it.

Here are some screenshots that show what I mean. (Comment chosen at random.)

This is a focus on the upvote button:

screenshot showing blue square around the upvote button a comment

Then I press tab once and I see this:

screenshot showing comment with no visual focus indicator anywhere

...no focus indicator. If I press enter, though, it will open the flag dialogue.

And if I press tab again, the focus moves to the user link, which still has a focus indicator:

screenshot showing visual focus indicator on link to user

It seems like just the focus indicator on the flag icon has disappeared, very recently. (I'm 99.99% sure it was there.) Could we please put it back?

I'm using Chrome on Ubuntu.

  • Can't confirm this. Using current firefox I see the visual focus for the flag. – Heslacher Dec 12 '19 at 9:29
  • 4
    Can confirm this on Chrome. The CSS rule .s-btn:focus is removing the outline. – Frédéric Hamidi Dec 12 '19 at 9:33
6

Thanks for pointing this out. Focus on comment flags should be more noticeable now.

flag focus screenshot

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .