[Checkbox] - receive focus after click

[avalanche1]

By default, html checkboxes receive focus after being clicked, while SUI checkboxes do not.
I think they should. This is good UX for users (like me) who use kb+mouse for navigation. Like, I can tab to the next control easily, not having to tab through all of the controls from beginning of the page.

[Illyism]

I agree, this would replicate the standard feature of a HTML checkbox input.

[jlukic]

I think there are arguments on both sides.

See #2567, or check stack overflow issues opened about bootstrap button focus. Adding focus on click is an accessibility feature that often confuses users because it seems like the 'activated' or 'down' state of the element is stuck on.

[avalanche1]

Well, they are nagging about buttons, not checkboxes)
And there's a big conceptual diff bw btn and chkbx: after clicking a btn you usually submit your input, but after clickin chkbox, you keep filling out the form - thus you need the ability of further navigation inside that form.

[Illyism]

Yeah, Semantic would benefit quite well in having some more accessibility thrown in.

Here's an example of how it works using the user agent stylesheet: http://codepen.io/Illyism/pen/WvyJpR

1. Click on Five
2. Shift+tab to go to Four
3. Space to check the current box
4. Tab to go back to Five
5. Click anywhere to lose focus
6. Tab to start focusing from the first focusable element
7. Click anywhere to lose focus
8. Shift+tab to start focusing from the last focusable element

[jlukic]

Example from next with fixed checkbox focus
http://jsfiddle.net/65rgdhdo/

[avalanche1]

👍