Skip to content

Switches should always show On/Off label #2146

@jasmussen

Description

@jasmussen

From Helen:

https://twitter.com/helenhousandi/status/892392998264344577
https://twitter.com/helenhousandi/status/892393559734853633

I could swear there was an existing ticket for this. The closest I could find was this one:
#470 (comment)@afercia let me know if there's another.

We should always show an explicit On or Off label on or next to the switch. In our current mockups, this is the word "On" or "Off":

screen shot 2017-08-02 at 10 45 18

Perhaps in a PR there was concern about the switch moving places if the switch is right aligned and the text changes in length. We can just do this:

screen shot 2017-08-02 at 10 45 35

Helen has a great screenshot from iOS, where the labels are instead on the Switch, would that be an option?

Current size switches:

screen shot 2017-08-02 at 10 48 57

Slightly larger:

screen shot 2017-08-02 at 10 51 27

If the latter two can work, we'll probably want to find a different "unfocused" style than the current, which makes the switch knob into a ring. Perhaps a fatter focus rectangle outside the switch as a whole?

Metadata

Metadata

Assignees

Labels

[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).

Type

No type
No fields configured for issues without a type.

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions