aria-label field on insert/edit link

Feature request:

Are there any plans to include a field on the insert/edit link interface so one could include an aria-label? We are required to comply with WCAG standards and this would help us immensely. For example:

<a href="someURL.edu" aria-label="MBA admissions">Admissions</a>

We have both the stand-alone plugin for TinyMCE Advanced (5.2) and also WPBakery with TinyMCE integrated on different domains. Our WordPress (5.2.1) version and all plugins are all up to date. Looks like the majorVersion is 4 and the minorVersion is 9.4 for both.

[lorig]

@afercia You are correct and I was mistaken on this. My apologies as I didn’t know that aspect of the aria-label requirements. If this is considered in the future, perhaps the link text can be automatically visible (not editable) in an aria-label field or preview area, but the aria-label attribute would only be inserted in the markup if the user types something in the aria-label field. Food for thought. Thank you for your time.

[afercia]

An aria-label, when present, is read instead of the actual link text and can be used to differentiate links when the link text is the same for more than one instance on a page. For example, you have different sections on a page that to a non-visually impaired person, the groupings are very clear, but for a screen reader tabbing through the page, the aria-label is read instead of “Admissions…Admissions…Admissions”. Link title attributes do not work.

Thanks @lorig, I’m pretty familiar with how aria-label works 🙂 Still, that example wouldn’t work for speech recognition software users. Screen readers are just one of the assistive technologies to support.

To meet the Label in Name WCAG success criterion, the aria-label needs to at least start with the same words used for the visible text. Otherwise, it won’t work for all users (and it will also be flagged as non-compliant).

I am not sure how this could do more harm than good

The example you provided at the beginning of this issue would:

<a href="someURL.edu" aria-label="MBA admissions">Admissions</a>