- From: Steve Faulkner <faulkner.steve@gmail.com>
- Date: Thu, 8 Apr 2021 12:37:18 +0100
- To: Steve Green <steve.green@testpartners.co.uk>
- Cc: Louise Lister <Louise.Lister@iop.org>, w3c-wai-ig <w3c-wai-ig@w3.org>
- Message-ID: <CA+ri+V=wDBK_a+nRSUUzUd33u6b7KRy=YA8ghfLsS-Vf=od81A@mail.gmail.com>
Hi Steve, why can’t you use aria-label on links?Edition On Thursday, 8 April 2021, Steve Green <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> > *Sent:* 08 April 2021 11:28 > *To:* w3c-wai-ig <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[image: ✊] Working for the web <https://twitter.com/stevefaulkner/status/940835584410574850>, anywhere and everywhere [image: 🖖🏽]
Received on Thursday, 8 April 2021 11:38:32 UTC