Skip to content

scottaohara/a11y_switch_web_component

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Switch web component

An example of switch controls (role=switch) built as a web component.

I'm sure this could be better, so PRs are welcome :)

Available attributes

  • labelled-state:
    If set, will display "On" and "Off" text labels in toggle UI.
  • check:
    If set, will default to "on / checked" state. Otherwise will default to "off / unchecked".
  • disable:
    If set, will default to disabled state.

Example on CodePen

Screen Reader Quirks

Please review the breakdown of screen reader issues with role="switch". While this particular link goes to an example of using role=switch on a checkbox, the same issues occur if using role=switch on a button element as well, as this web component does.

License & Such

This script was written by Scott O'Hara.

It has an MIT license.

Do with it what you will :)

About

ARIA Switch control web component

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published