WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Descriptive label for Read more button

for

From: wolfgang.berndorfer
Date: May 9, 2023 6:56AM

Hi Glen,

> No, it wouldn't be a failure. Aria-labelledby can have multiple IDs so it would point to "read more" and the reviewers name so there is not a 2.5.3 issue and you have the benefit of the full link name in the link list dialog.

Interesting idea, which I hadn't thought of. Am I correct that you thought about something like:

*html code*
<p hidden id="more" >Read more about what </p>
<h2 id="author" >Glen </h2>
<p hidden id="wrote" >wrote</p>
<a href="#"
aria-labelledby="more author wrote" >
Read more
</a>
*html code end*

Tested this code with Jaws + Firefox/Chrome, which announce:
"Read more about what Glen wrote"

But we will still need scripting to identify the individual value for id="author", when there is more than one author in the conversation.

Good luck,

Wolfgang