Reviewing links
Review the different links.
1. A standard link
- Visible text: Read more
- Accessible name: Read more
<a href="#">
Read more
</a>
2. A link with additional content hidden off-screen
- Visible text: Read more
- Accessible name: Read more about fishes
<a href="#">
Read more
<span class="hidden">about fishes</span>
</a>
3. A link with additional information via aria-label
- Visible text: Read more
- Accessible name: Read more about wombats
<a href="#" aria-label="Read more about wombats">
Read more
</a>
4. A PDF link
- Visible text: Australian Government Annual report (52KB PDF)
- Accessible name: Australian Government Annual report (52KB PDF)
<a href="#">
Australian Government Annual report (52KB PDF)
</a>
5. An external link - option 1
- Visible text: Intopia (External link)
- Accessible name: Intopia (External link)
<a href="#">
Intopia (External link)
</a>
6. An external link - option 2
- Visible text: Intopia
- Accessible name: Intopia. External link
<a href="#" aria-label="Intopia. External link">
Intopia
</a>