A11y Lablearn by doing
0/20

Semantics · 04

Button or link?

Controls may look alike, but actions and destinations have different native semantics.

What to do

  1. Use buttons for Save changes, Open filters, and Copy code.
  2. Use links for Read documentation, View profile, and Pricing.
  3. Give every link a real, non-empty href.
/index.html
Preview
updating…

Result

Run the checks

Edit the HTML and select “Check solution”. The preview updates automatically.

If you are stuck

A button changes something in the current interface. A link takes the user to a resource or location.

Read the exact rule or pattern

Exercise 4 of 20

axe-core

Automated audit