RE: Appropriate use of aria labels

Sorry, I appear to have had a brain fart. Hidden text would still be my preference, but you can indeed use “aria-label” attributes.

Steve

From: Steve Faulkner <faulkner.steve@gmail.com>
Sent: 08 April 2021 12:37
To: Steve Green <steve.green@testpartners.co.uk>
Cc: Louise Lister <Louise.Lister@iop.org>; w3c-wai-ig <w3c-wai-ig@w3.org>
Subject: Re: Appropriate use of aria labels

Hi Steve, why can’t you use aria-label on links?Edition

On Thursday, 8 April 2021, Steve Green <steve.green@testpartners.co.uk<mailto:steve.green@testpartners.co.uk>> wrote:
That approach will not work because you cannot use “aria-label” attributes on links. We recommend using hidden text instead. There are a number of ways of implementing hidden text, but most people use the CSS “clip” technique because it works with LTR and RTL languages. Floating the text and giving it a large negative left margin works fine for LTR languages, but cannot be used with RTL languages.

Steve Green
Managing Director
Test Partners Ltd


From: Louise Lister <Louise.Lister@iop.org<mailto:Louise.Lister@iop.org>>
Sent: 08 April 2021 11:28
To: w3c-wai-ig <w3c-wai-ig@w3.org<mailto:w3c-wai-ig@w3.org>>
Subject: Appropriate use of aria labels


Hi all,

Sorry I have another one!  I’ll try and mute down a bit after this one as I already have a lot to mull over!

We have some links on our site that are repeated (like everyone else). In the two examples below, is the gold standard to have an aria label in the way described:


  1.  You have a category news page which aggregates text snippets next to a stack of ‘read more’ CTAs for different news pages sitting beneath it.  Here’s instead of someone tabbing through and hearing ‘read more, read more …’ for all the links, when you tabbed through you’d have an aria label that read out ‘read more about 'headline of news article x', so you’d have something more descriptive for a screen reader?
  2.  You have side panel and header/footer items with repeated links such as privacy policy, or awards, or about. Here if the 1 to 2 word item is not obvious you would use a longer aria label to describe it. For example, ‘read more about the history of organisation x’.

It’s a bit easier with editorial content (in the body copy) because you can make the hyperlinks specific and descriptive.

With kind regards
Louise


________________________________
This email (and attachments) are confidential and intended for the addressee(s) only. If you are not the intended recipient please immediately notify the sender, permanently and securely delete any copies and do not take action with it or in reliance on it. Any views expressed are the author's and do not represent those of IOP, except where specifically stated. IOP takes reasonable precautions to protect against viruses but accepts no responsibility for loss or damage arising from virus infection. For the protection of IOP's systems and staff emails are scanned automatically..

Institute of Physics. Registered charity no. 293851 (England & Wales) and SCO40092 (Scotland)
Registered Office:  37 Caledonian Road, London, N1 9BU<https://goo.gl/maps/DUHbKcbzuUN2>
Your privacy is important to us. For information about how IOP uses your personal data, please see our Privacy Policy<https://emea01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.iop.org%2Fprivacy%2Findex.html&data=02%7C01%7C%7C6716aa3c6fd84da5102808d5c0b234a0%7Cf9ee42e6bad04e639115f704f9ccceed%7C0%7C0%7C636626793962820374&sdata=RI6OT4MumRlklNzF5i2M9ZxS6P%2FxxLg%2FJwcnMJ%2B0480%3D&reserved=0>
________________________________


--
--

Regards

SteveF
Accessibility is political[✊]
Working for the web<https://twitter.com/stevefaulkner/status/940835584410574850>,
anywhere and everywhere [🖖🏽]