In a web browser, the list of sources for a story summary uses HTML <button> elements. I shouldn't have to explain the full list of ways this is worse than using proper <a> tags, but to name a few:
- Hovering over a link doesn't tell the user where they're going to be taken (Reddit is a great example of a site where the domain alone lacks important context vs a full URL)
- Middle-clicking or ctrl-clicking doesn't work as expected
- There's no way to copy the destination URL without leaving the page
Rather than trying to add extra workarounds to address all the shortcomings of using <button>s, using the correct element for the job, an <a> link, solves everything cleanly.
