Comparing real and fake buttons

This simple test page compares a pseudo-button created with a span, a real button, and a link that uses ARIA to behave like a button. The ideal solution is to use a real button. Span and Div based buttons are not accessible to keyboard users. For more information, read Karl Groves' article Links are not buttons. Neither are DIVs and SPANs

Fake Button

Broken High Note

<span class="primary">Broken High Note</span>

Real button

<button class="primary">Hit a Higher Note</button>

Link button with ARIA


<a href="#warble" role="button" class="primary">ARIA Time</a>