a11yphant Homepage

Buttons - Level 02

Buttons

Instructions

Always use a button when you want to perform an action on click.

Other elements, such as the <div> element, also have onclick handlers. However, they aren't keyboard accessible by default. This makes them invisible to keyboard users. While you can use ARIA attributes to make other elements keyboard accessible, it's recommended and usually easier to just use the <button> element and style it to look the way you want.

The page contains a <div> that is wrongfully used as a button. Replace it with an actual <button>.

index.html

On your computer: Press + m to use the tab key for site navigation.

The editor is loading...

Preview