Links that open in new tabs/windows should be tagged for assistive technology

[rebekaburnett]

Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

Prerequisites

• I'm using the latest version of Docusaurus.
• I have tried the npm run clear or yarn clear command.
• I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.
• I have tried creating a repro with https://new.docusaurus.io.
• I have read the console error message carefully (if applicable).

Description

Accessibility requirement:

Links that open in a new tab or a new window should either have an "aria-label" attribute or a screen-reader only element explaining to the screen-readers that this opens in a new tab.

This happens on every link that goes to another website. Here is an example: Example page (see attachment)

Reproducible demo

You can see this on https://docusaurus.io/

Steps to reproduce

You can see the error by scanning the Docusaurs.io site with accessible: https://accessibe.com/accessscan?website=https://docusaurus.io/

Expected behavior

Pass accessibility scans

Actual behavior

Fails scans

Your environment

• Public site URL: https://developer.vippsmobilepay.com/ also https://docusaurus.io/
• Docusaurus version used: 3.6

Self-service

• I'd be willing to fix this bug myself.

[rebekaburnett]

It seems like these elements just need an aria-label like this:

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

[slorber]

Thanks for reporting a11y issues @rebekaburnett.

Now is not the right time for me, but I'll try to implement all the pending suggested improvements later.