Alert

Button

Checkbox

Choose your favorite NATO letters:

Expander

More info This semantic element covers all success criteria with no additional scripting.

Keyboard

  • Focus must not enter the rest of the page.
  • The escape key must close the modal.

Screenreader

  • The launch button should indicate a popup.
  • The modal's title is announced on launch.

Number input

Maximum 11

Password input

Use any length of characters including emojis.

Progress bar

Radio buttons

Choose your favorite NATO letter

Range slider

Select

Star rating

Rate this product

Text input

Example: Alpha, Bravo, Charlie

Toggle switch

Activate your options:
This is the best option