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

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

flag focus screenshot

|improve this answer|||||

You must log in to answer this question.

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