WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: W3school accessible toggle switch

for

From: Pierre Hachey
Date: Jan 3, 2017 5:19PM

Thanks JP for insight. I'll work this with your thoughts.

Sent from my BlackBerry 10 smartphone.
Original Message
From: JP Jamous
Sent: Tuesday, January 3, 2017 12:50 PM
To: 'WebAIM Discussion List'
Reply To: WebAIM Discussion List
Subject: Re: [WebAIM] W3school accessible toggle switch


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.