WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: W3school accessible toggle switch

for

From: JP Jamous
Date: Jan 3, 2017 10:49AM


You need to provide keyboard navigation through JS. That's arrow key navigation and swipes for mobile devices.

I run into lots of developers creating such custom buttons. You have to ensure that keyboard navigation is implemented through JS scripts for the up, and down keys.

You might be able to make it accessible with role="radio" tabindex="0". Ensure that it works with screen readers on and with screen readers off, which means keyboard only.