Moritz GlantzFeb 26

Hi! I am the #a11yParrot. 🦜👋

If a click loads a new page or view, use a link (`<a>`).
If a click changes something on the same page, use a `<button>`.

Repost this every time you have to explain links vs buttons.
(I will until the end of time).

#Accessibility #a11y

Show threadAndré Polykanine
@MoritzGlantz but submit buttons generally redirect to another page, and tables of contents are same-page links… so unfortunately that isn't so simple, am I wrong? #Accessibility
Feb 26 at 11:28amWeb
Show threadMoritz GlantzFeb 26

@menelion I love a good edge-case.

You’re not wrong.
Better heuristic: links are for navigation to a URL (including `#fragment` in-page navigation like a TOC), buttons are for actions (including form submit). A submit *may *lead to a new page, but the user intent is “submit,” not “navigate.” It could also trigger a form validation, or add content inline (for example a comment).

Show threadAndré PolykanineFeb 26
@MoritzGlantz Absolutely!
Show threadsarah tonin Feb 26
@MoritzGlantz @menelion what about search buttons then
Show threadAndré PolykanineFeb 26
@SRAZKVT @MoritzGlantz It's also an action.
Show threadCurtis WilcoxFeb 28
@menelion
Yes, a "search" button is just a submit button with a different name.
@SRAZKVT @MoritzGlantz