Re: Appropriate use of aria labels

Louise, this article may be helpful

Not so short note on aria-label usage – Big Table Edition
https://html5accessibility.com/stuff/2020/11/07/not-so-short-note-on-aria-label-usage-big-table-edition/

On Thursday, 8 April 2021, Louise Lister <Louise.Lister@iop.org> wrote:

>
>
> 😃
>
>
>
> *From:* Steve Green <steve.green@testpartners.co.uk>
> *Sent:* 08 April 2021 13:20
> *To:* Steve Faulkner <faulkner.steve@gmail.com>
> *Cc:* Louise Lister <Louise.Lister@iop.org>; w3c-wai-ig <w3c-wai-ig@w3.org
> >
> *Subject:* 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>
> 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://gbr01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgoo.gl%2Fmaps%2FDUHbKcbzuUN2&data=04%7C01%7Clouise.lister%40iop.org%7C0222f6d58bf74c6b68a208d8fa88938a%7C8b8986af18bb4882a149fa5a3dd1f995%7C0%7C0%7C637534811780354804%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C1000&sdata=7IPnpkFldx1yqNZjMsgcUee0rsV4%2FWHt2ZfOfe42OI4%3D&reserved=0>
>
> Your privacy is important to us. For information about how IOP uses your
> personal data, please see our Privacy Policy
> <https://gbr01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.iop.org%2Fprivacy%2Findex.html&data=04%7C01%7Clouise.lister%40iop.org%7C0222f6d58bf74c6b68a208d8fa88938a%7C8b8986af18bb4882a149fa5a3dd1f995%7C0%7C0%7C637534811780364802%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C1000&sdata=2bcwYOkyiaxM1vPy%2FvnC1H35LYaV9UNuYS03FcsxDwU%3D&reserved=0>
> ------------------------------
>
>
>
> --
>
> --
>
> Regards
>
> SteveF
>
> Accessibility is political[image: ✊]
>
> Working for the web
> <https://gbr01.safelinks.protection.outlook.com/?url=https%3A%2F%2Ftwitter.com%2Fstevefaulkner%2Fstatus%2F940835584410574850&data=04%7C01%7Clouise.lister%40iop.org%7C0222f6d58bf74c6b68a208d8fa88938a%7C8b8986af18bb4882a149fa5a3dd1f995%7C0%7C0%7C637534811780364802%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C1000&sdata=dP07KLA7gSHMCx1Qdtx0C4YCF5qX1Y56u2xr5wqGNiQ%3D&reserved=0>,
>
>
> anywhere and everywhere [image: 🖖🏽]
>
>
>
>
> ------------------------------
> 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: 🖖🏽]