I'm working on the accessibility of my website, unfortunately the shortcode does not appear to work with tabbed interface so used that do not use a mouse are unable to engage with mp3 files.
For example on this page I have two play buttons, if you navigate the page using tab, you'll notice that you skip straight passed both play buttons.
This will be because you're using a div element to manage play/pause, whereas a Button or A tag would be more suitable.
Is there any chance you would update this in a future release?
Imagine a blind user, they obviously wouldn't use a mouse. Instead they'd use the Tab key to progressively move through clickable elements within a page with a screen reader explaining what they do based on alt/title tags.
Because your mp3 play button is a div, it's not possible to land on it using keyboard navigation, meaning it's not possible for users to engage with unless they can use a mouse or trackpad.
That's a shame, as unfortunately that means any website using your plugin (or themes I guess) is totally inaccessible for blind users and those with mobility issues preventing the use of a mouse/trackpad.
I'm sure I can find and edit the required tag, so no worries there, but I'd urge you to raise this as it's a very small tweak that would radically affect the usability of your tech.
I'm working on the accessibility of my website, unfortunately the shortcode does not appear to work with tabbed interface so used that do not use a mouse are unable to engage with mp3 files.
For example on this page I have two play buttons, if you navigate the page using tab, you'll notice that you skip straight passed both play buttons.
This will be because you're using a div element to manage play/pause, whereas a Button or A tag would be more suitable.
Is there any chance you would update this in a future release?
Hi Tristan,
I dont understand your issue here. Which navigation tabs are you talkin about?
Thanks,
Alexandre from the Sonaar.io Crew
Apologies, I meant the Tab key on your keyboard.
Imagine a blind user, they obviously wouldn't use a mouse. Instead they'd use the Tab key to progressively move through clickable elements within a page with a screen reader explaining what they do based on alt/title tags.
Because your mp3 play button is a div, it's not possible to land on it using keyboard navigation, meaning it's not possible for users to engage with unless they can use a mouse or trackpad.
Head over to https://soundcarrot.com/shows/master-machine/bonus-master-machine-first-appearance/ and press the tab key, you'll see what I mean.
Ok, That make sens. I understand why you are asking if we will replace the DIV by a button. Unfortunately, for now this task is not on our roadmap.
Thanks,
Alexandre from the Sonaar.io Crew
That's a shame, as unfortunately that means any website using your plugin (or themes I guess) is totally inaccessible for blind users and those with mobility issues preventing the use of a mouse/trackpad.
I'm sure I can find and edit the required tag, so no worries there, but I'd urge you to raise this as it's a very small tweak that would radically affect the usability of your tech.
Hi Tristan,
You bring good arguments. I will share them with our team.
Thanks,
Alexandre from the Sonaar.io Crew