Skip to content
This repository was archived by the owner on Oct 10, 2024. It is now read-only.

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

Open
lucidmachine wants to merge 1 commit into
chrisvanpatten:masterfrom
lucidmachine:master
Open

Add title attribute to option links for screen readers and tooltips.#3
lucidmachine wants to merge 1 commit into
chrisvanpatten:masterfrom
lucidmachine:master

Conversation

@lucidmachine
Copy link
Copy Markdown

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.

@chrisvanpatten
Copy link
Copy Markdown
Owner

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
Copy link
Copy Markdown
Owner

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?

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants