WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: accessibly way to show connection between a noun or pronoun and its antecedent?


From: Alan Zaitchik
Date: Oct 26, 2020 12:44PM

What do you think about this:

<p> In the following paragraph pronouns with disambiguating descriptions are marked by a * . Use Tab to access the pronoun description. </p>

<p>John threw <span id="ball_id">the ball</span> to Mary, and Bill caught <span tabindex="0" href="javascript:;" aria-label="it *" aria-describedby="ball_id">it *</span></p>

<p>Mary threw <span id="rock_id">the rock</span> at John, and John caught <span tabindex="0" href="javascript:;" aria-label="it *" aria-describedby="rock_id">it *</span></p>

I know it's a piece of gross hackery and a pain to create and maintain, also bad in that a span is made focusable without any real action... BUT it sort of works. If you don't want to hear the pronoun disambiguations you just ignore the stars. Otherwise hit Tab.

I guess it would depend on how many occurrences in the document you'd be coding this way, who the audience is, and so on.


>> On Oct 26, 2020, at 10:13, Mike Warner < <EMAIL REMOVED> > wrote:
> Hi all!
> we're developing material that shows the relationship between nouns or
> pronouns and their antecedent in a previous sentence. A simple example
> would be, "Mike threw the ball. Mary caught it." I've been trying to
> think of an accessible way to show the connection between "ball" and "it"
> that won't add to the cognitive load. Any suggestions?
> Thanks!
> Mike
> Mike Warner
> Director of IT Services
> MindEdge, Inc.