RE: Issue-742: Proposal aria-destination

Apologies if I seem to repeating myself...

Joseph Scheuhammer wrote:
> 
> On 2015-10-15 11:59 AM, Alexander Surkov wrote:
> > How is it different from accessible name?
> 
> The values of @aria-destination are a token list.  Accessible names are arbitrary
> strings.

Conceptually, I think of it more like an accessible description, as it provides additional information about the link (it describes in advance where the link will take you - information not explicitly set by the link text) - more like this:

       Terms and Conditions<a href="#footnote"><sup>[1]</sup></a>

In this case, the screen reader (if indeed we are trying to address a non-sighted user's use-case) would hear "Terms and Conditions [Link: 1]". However, could we not address that lack of clear link text another way?

     Terms and Conditions<a href="#footnote" aria-label="Footnote: 1"><sup>[1]</sup></a>

...where the aria-label "over-rides" the link text, and instead what is announced to the reader is "Terms and Conditions [Link: Footnote 1]".

Assuming I'm missing something however, why not also add the @rel, like so: 

     Terms and Conditions<a href="#footnote" rel="footnote" aria-label="Footnote: 1"><sup>[1]</sup></a>
 
> It can be thought of as a sub-role.  For example, the role is still a link, but in
> some cases it's a link to the home page; in others, to a glossary entry, and so on.
> In that way it's similar to the @rel attribute, as has been pointed out in other
> threads.

I'm currently arguing that it's *exactly* like @rel, as it is associating a relationship to the link not explicit in the link text. Unless there is a use-case I've not heard or seen...

> 
> > Can I have an example how assistive technology will use it?
> 
> It's not clear whether it would be used by an assistive technology.
> That's under discussion.  But, as a data point, the ARIA documents all have a
> glossary, and links to the definitions are scattered throughout.
> Those links are styled differently than other links and it's obvious at a glance that
> they are glossary links (well, obvious to an editor).

That's easy enough:

  a[rel="glossary"] { color: red; }

or, if you really want:

  a[rel="dpub.glossary"] { color: red; }


JF

Received on Thursday, 15 October 2015 20:34:28 UTC