Links and Buttons

Links and buttons have distinct semantic purposes and should not be used interchangeably.

• Links navigate the user to a new location, such as a different page or a new view.
• Buttons trigger an action on the current page, such as submitting a form or opening a dialog.

Always prioritize native HTML elements (<a> for links, <button> for buttons) over scripted alternatives like <div role="button">. When ARIA is necessary, ensure roles and states are applied correctly and that the accessible name aligns with the visible text to maintain a consistent user experience.