Reviewing different link methods

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

Australian Government Annual report (52KB PDF)

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

Intopia (External link)

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>