I see in many cases <a> tag is used instead of <button> tag to design a button where it is a simple link button (for example not a submit button of a form). What are the main differences (pros v. cons) of designing a simple linked button by <a> tag instead of <button> tag?
>Solution :
A link is an HTML feature for linking to another page. It is announced as a link by screen readers. Search engines are really good are finding where it links to. It has default styling that visually indicates to the user that it is a link. It works without needing JS.
A (non-submit) button is a feature for hanging JavaScript from. Screen readers don’t tell the user it is a link. Search engines are less good at discovering where it links to. It doesn’t look like a link. It fails if JS fails for any reason.