WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: ARIA Sliders now work correctly in iOS using swipe gestures

for

Number of posts in this thread: 3 (In chronological order)

From: Bryan Garaventa
Date: Wed, Jul 14 2021 4:03PM
Subject: ARIA Sliders now work correctly in iOS using swipe gestures
No previous message | Next message →

Hi,
These now work in conjunction with a feature enhancement that Apple made in their accessibility API earlier this year to address the historical lack of support for swipe gestures when interfacing with JavaScript-based ARIA slider widgets using VoiceOver.

Horizontal slider: http://whatsock.com/Templates/Sliders/Horizontal/<;http://whatsock.com/Templates/Sliders/Horizontal/index.htm>;
Vertical slider: http://whatsock.com/Templates/Sliders/Vertical/<;http://whatsock.com/Templates/Sliders/Vertical/index.htm>;
Download: https://github.com/WhatSock/apex (Requires 4X version “Mona Lisa Overdrive”)

For many years these have been broken, where VoiceOver would announce that you could swipe up or down to adjust the slider, yet doing so would do nothing. This issue occurred because there wasn’t a way for the accessibility API to directly interface with the JavaScript functionality of the simulated slider, nor predict what was meant to happen when it moved.

Finally, a compromise was suggested to make this work, by passing through the corresponding key event to the slider handle based on the orientation of the slider widget. E.G. Vertical would pass the Up key event to decrease the value, and Left would decrease the value for horizontal sliders. Thanks to Alice Boxhall, James Craig, Dominic Mazzoni, and Alexander Surkov for working on making this possible. 😊 Relevant details are documented at:
https://github.com/WICG/aom/blob/gh-pages/explainer.md#user-action-events-from-assistive-technology

All the best,
Bryan


Bryan Garaventa
Principal Accessibility Architect
Level Access, Inc.
= EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
415.624.2709 (o)
www.LevelAccess.com<;http://www.levelaccess.com/>;

From: Bryan Garaventa
Date: Wed, Jul 14 2021 4:07PM
Subject: Re: ARIA Sliders now work correctly in iOS using swipe gestures
← Previous message | Next message →

Apologies, the links got messed up somehow.
Horizontal: http://whatsock.com/Templates/Sliders/Horizontal/index.htm
Vertical: http://whatsock.com/Templates/Sliders/Vertical/index.htm
Best,
Bryan


Bryan Garaventa
Principal Accessibility Architect
Level Access, Inc.
= EMAIL ADDRESS REMOVED =
415.624.2709 (o)
www.LevelAccess.com

-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Bryan Garaventa
Sent: Wednesday, July 14, 2021 3:04 PM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: [WebAIM] ARIA Sliders now work correctly in iOS using swipe gestures

CAUTION: This email originated from outside of the organization. Do not click links or open attachments unless you recognize the sender and know the content is safe.


Hi,
These now work in conjunction with a feature enhancement that Apple made in their accessibility API earlier this year to address the historical lack of support for swipe gestures when interfacing with JavaScript-based ARIA slider widgets using VoiceOver.

Horizontal slider: http://whatsock.com/Templates/Sliders/Horizontal/<;http://whatsock.com/Templates/Sliders/Horizontal/index.htm>;
Vertical slider: http://whatsock.com/Templates/Sliders/Vertical/<;http://whatsock.com/Templates/Sliders/Vertical/index.htm>;
Download: https://github.com/WhatSock/apex (Requires 4X version “Mona Lisa Overdrive”)

For many years these have been broken, where VoiceOver would announce that you could swipe up or down to adjust the slider, yet doing so would do nothing. This issue occurred because there wasn’t a way for the accessibility API to directly interface with the JavaScript functionality of the simulated slider, nor predict what was meant to happen when it moved.

Finally, a compromise was suggested to make this work, by passing through the corresponding key event to the slider handle based on the orientation of the slider widget. E.G. Vertical would pass the Up key event to decrease the value, and Left would decrease the value for horizontal sliders. Thanks to Alice Boxhall, James Craig, Dominic Mazzoni, and Alexander Surkov for working on making this possible. 😊 Relevant details are documented at:
https://github.com/WICG/aom/blob/gh-pages/explainer.md#user-action-events-from-assistive-technology

All the best,
Bryan


Bryan Garaventa
Principal Accessibility Architect
Level Access, Inc.
= EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
415.624.2709 (o)
www.LevelAccess.com<;http://www.levelaccess.com/>;

From: Patrick H. Lauke
Date: Wed, Jul 14 2021 4:25PM
Subject: Re: ARIA Sliders now work correctly in iOS using swipe gestures
← Previous message | No next message

Yes, noticed the change a while ago
https://github.com/w3c/aria-practices/issues/8#issuecomment-835943657

Of course, this still leaves many other browser/AT/OS scenarios (not
just Android/Talkback, but also touch-enabled Windows laptops running
AT) out in the cold, as they don't (yet) fire fake synthetic key events.
In production, it's still safest to use an actual <input type="range">
and style it/visually hide it and replace its visual presentation
accordingly.

P
--
Patrick H. Lauke

https://www.splintered.co.uk/ | https://github.com/patrickhlauke
https://flickr.com/photos/redux/ | https://www.deviantart.com/redux
twitter: @patrick_h_lauke | skype: patrick_h_lauke