title: Can I have a header work as a button but not use the role of a button
body: <p>I have a header that I want to work as a button. My problem is that if I assign the header a button role, it messes with accebility and a screen reader; The button role overrides the header so the blind user can not navigate to the header as they would with other headers.</p>
  
  <p>I want the user to be able to navigate to the header and push it like a button (using the space bar). I have been trying to nest a button into the header with a changed tab index but it does not work.</p>
  
  <pre><code>&lt;h2 class="navigation_title" tabindex="0"&gt;
       &lt;span role="button" class="navigation_title_text" tabindex="-1"&gt;
  &lt;/span&gt;&lt;/h2&gt;
  </code></pre>
  
  <p><strong>Any ideas of how I can have a header work as a button but not use the role of a button?</strong></p>