A primitive element

• A <div> styled to look like a button.
• It has a 'click' handler, so it is operable with a mouse.
• But it cannot be operated with the keyboard because:
• even though it is now focusable(added tabindex="0")
• it does not respond the keyboard
• And it is not announced as a button in the accessibility API

        
          <div tabindex="0"class="btn fake-btn" style="border:1px solid #ccc;background:#eee">A "button"</div>
          <script type="text/javascript">
            $('.btn').on('click', function() {
              alert('you clicked me')
            })
          </script>