Make links accessible

Task

You have a list of links with uninformative text and an external link missing safety attributes. Fix the link text and add the required attributes to the external link.

Requirements

  • No link uses text like "click here" — the text describes where the link goes
  • The external link (to a different domain) opens in a new tab via target="_blank"
  • The external link has rel="noopener noreferrer"

Starter code

<p><a href="/pricing">click here</a> to see pricing.</p>
<p>Learn more on <a href="https://example.com/docs">this site</a>.</p>
▶ Open in HTML Editor

Hints

  • Link text should make sense even without the surrounding paragraph text.
  • noopener stops the new page from accessing window.opener; noreferrer additionally strips the Referer header.
Show solution
<p>See <a href="/pricing">our pricing plans</a>.</p>
<p>Learn more in the <a href="https://example.com/docs" target="_blank" rel="noopener noreferrer">example.com documentation</a>.</p>

Related tools