-7

The recent design change of adding a visible border around textboxes when they're focused is a good thing IMO.

However, when applied to elements such as radio buttons, it can just look weird, e.g. in the close dialog:

radio button with border when focused appears weird

I can't see how this improves accessibility or overall user experience on the site.

Can the border please be applied to textboxes only, when in focus?

3
  • You can navigate to a radio button without selecting it: i.stack.imgur.com/Xzv4N.png Furthermore, there are other elements like checkboxes: i.stack.imgur.com/5biQD.png
    – VLAZ
    Feb 22 at 16:05
  • @VLAZ well it's not terrible, just looks weird. And yes, I know there are other elements, but the border around them doesn't really add anything either, hence the request is to leave it only for textboxes, where the border is indeed a good thing. Feb 22 at 16:09
  • 7
    Navigating to an element like a checkbox via the keyboard then allows you to check/uncheck it via the keyboard. Removing the focus highlight entirely means there would be no indication of what (if anything) you would check or uncheck. Same with radio buttons but there is no way to unselect (other than selecting something else). You can still navigate to an unselected one and choose to select it. This is true for other intractable elements, too - like navigating to a button to click it: i.stack.imgur.com/IvoAw.png i.stack.imgur.com/oApQK.png
    – VLAZ
    Feb 22 at 16:17

1 Answer 1

11

Having a visual indicator when an element has keyboard focus is a required aspect of web accessibility. The Web Content Accessibility Guidelines (WCAG) 2.2, Success Criterion 2.4.7, "Focus Visible", states:

Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.

Removing this focus would make the site less accessible, and contradicts earlier requests to be more consistent about displaying the focus (disclaimer: the request is mine).

2
  • Well, I don't agree with this and just find it visually odd, but I'm no accessibility expert. Thanks for the digging. :) Feb 22 at 19:15
  • There's a new meta post up with additional details about the new focus state.
    – Carrott Staff
    Mar 26 at 16:04

You must log in to answer this question.

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