responsive-recaptcha icon indicating copy to clipboard operation
responsive-recaptcha copied to clipboard

Add title attribute to option links for screen readers and tooltips.

Open lucidmachine opened this issue 10 years ago • 2 comments

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.

lucidmachine avatar Feb 11 '15 19:02 lucidmachine

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?

chrisvanpatten avatar Feb 12 '15 12:02 chrisvanpatten

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?

chrisvanpatten avatar Feb 12 '15 12:02 chrisvanpatten