Component - Button examples

Basic Accessible Button

Purpose: Demonstrate semantic, keyboard-accessible button

`<button type="button">`

This defines a clickable button that performs a custom action with JavaScript, but does not submit a form.

HTML Code

<button type="button">Submit <button>

Assistive technologies

NVDA - Screen Reader announcement

Chrome browser: Submit. Button.
Firefox browser: Submit. Button.

Why it's accessible:

Native <button> is focusable, keyboard-activatable, and announced by screen readers.
No need for role="button" or tabindex — it's built in.

← Back to component list