Accessibility First DevRel. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
As the accessibility tag on SO is where I spend most of my time if you ever struggle to find something on there let me know, odds are I have answered it before! ❤️
Thanks a tonne @inhuofficial for your support 🙏.
As next task, I was trying to find a way to trigger a onclick on a button using Voiceover. It works using mouse click only. Can you please help me on this?
Accessibility First DevRel. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
Accessibility First DevRel. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
Hmm sorry to be all "stack overflow" about it but do you have a fiddle that replicates this? A click handler will work on a native <button> without issue unless there is something else interfering.
Also is your VoiceOver on Mac or Mobile just so I know which to test with!
Accessibility First DevRel. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
Hello @inhuofficial, I have a codepen (codepen.io/snow650/pen/rNYjKxV) where the focus by Android TalkBack should be only on outermost anchor tag only. It should not be able to focus inner span elements. Any suggestions on how to achieve this?
Accessibility First DevRel. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
Not sure what you mean, there is a difference between focus states and where the review cursor is on a screen reader, is that what you mean? It isn't actually focusing anything and your markup is valid, there is probably nothing you need to do but I thought I would check I have understood properly.
I would like to send a screen recording to explain what I am try to achieve. Not able to attach video here. Can I please have your email/chat ID to send?
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
As the accessibility tag on SO is where I spend most of my time if you ever struggle to find something on there let me know, odds are I have answered it before! ❤️
Thanks a tonne @inhuofficial for your support 🙏.
As next task, I was trying to find a way to trigger a
onclick
on abutton
using Voiceover. It works using mouse click only. Can you please help me on this?Sure, are you using an inline
onclick
on the button oraddEventListener('click'
.Also are you using a framework or is this vanilla (as a lot of frameworks break the native functionality of "click")
We are using
addEventListener
in Vanilla JSHmm sorry to be all "stack overflow" about it but do you have a fiddle that replicates this? A
click
handler will work on a native<button>
without issue unless there is something else interfering.Also is your VoiceOver on Mac or Mobile just so I know which to test with!
Yeah sure. I will try to replicate the issue in fiddle and share the link soon. Thanks in advance for your quick responses :-)
No problem, anyone working on accessibility is a super star in my book so I will help when I can! ❤️
Hello @inhuofficial, I have a codepen (codepen.io/snow650/pen/rNYjKxV) where the focus by Android TalkBack should be only on outermost anchor tag only. It should not be able to focus inner span elements. Any suggestions on how to achieve this?
Not sure what you mean, there is a difference between focus states and where the review cursor is on a screen reader, is that what you mean? It isn't actually focusing anything and your markup is valid, there is probably nothing you need to do but I thought I would check I have understood properly.
I would like to send a screen recording to explain what I am try to achieve. Not able to attach video here. Can I please have your email/chat ID to send?