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
HTML Editor Online
An online HTML editor with syntax highlighting, line numbers, and a live preview. No sign-up, no server.
Links
The a tag and the href attribute for creating hyperlinks.
The target attribute
The target attribute of a and form: which browsing context (tab/frame) to open the result in.