How to add aria-label attribute in Markdown?

Classic General
1

Calling all coders… I’m working on a reasonably ‘accessible’ website that needs a bit more work as it is a local government body.

One of the issues raised is that links opening in a new browser window (i.e. links with target=“_blank”) need to state that is what they are doing for visually impaired users. The best way to do this discretely (i.e. without visibly stating it on every link) is to add an aria-label attribute but I’m curious as to why it isn’t working in Markdown as it should be supported.

The codes I am trying to add are formatted as: '<a href=”https://mywebsite.com” target=”_blank” aria-label=”Link Text (opens in a new tab)”>Link Text`

If I remove the aria-label the link works fine but adding it prevents it displaying as a link.

If I add the code to an HTML stack or a regular Text stack it works fine. Obviously I can do this, but all text is Markdown and I have a lot of these links.

Any help appreciated…

2

The aria label is not supported in markdown — You’ll need to use html or styled text.

I used the following code in a styled text area and it worked perfectly.

<a href=”https://mywebsite.com” target=”_blank” aria-label=”Link Text (opens in a new tab)">Link Text</a>

Hope that helps!

3 Likes
3

Thanks Dan - thought this might be the case!