responsive-recaptcha
responsive-recaptcha copied to clipboard
Add title attribute to option links for screen readers and tooltips.
The current widget's options are read only as "link" by screenreaders. Copying each option's span text to its anchor's title attribute allows screenreaders to read each option anchor and creates a tooltip for each icon.
I like this in theory, but I'm not sure I'm comfortable merging it right away without more research. My initial impression from some cursory searches is that the title tag is not necessarily ideal for a11y.
A better alternative might be modifying .captcha_hide so it uses a more reliable method of hiding the content for non-screen-readers, or adding ARIA labels to each icon.
Open to hearing from a11y pros... any thoughts @grayghostvisuals?
Additional question: is it possible to get the benefits of the tooltip (because I personally like tooltips and think they're beneficial for visually-abled users) without the screen reader downsides? Is it a question of title tag + aria-label? Something else?