title: HTML headings are considered as clickable by NVDA
body: <p>The context is that we want to track user behavior of application for it's different features.</p>
  
  <p>For this we have created a custom angular directive say     <em>myFunctionality</em>
  and wrapped portions of HTML into this directive like this, so that now we can <strong>track all click events within</strong> this, and categorize them by <em>functionality-name</em> to track the usage of a particular feature - </p>
  
  <pre><code>&lt;myFunctionality functionality-name="Login"&gt;
   &lt;!--HTML of this functionality--&gt;
  &lt;/myFunctionality&gt;
  
  &lt;myFunctionality functionality-name="RegisterUser"&gt;
   &lt;!--HTML of this functionality--&gt;
  &lt;/myFunctionality&gt;
  </code></pre>
  
  <p>Within this directive, we have attached event handler to capture <code>click</code> event and log accordingly.</p>
  
  <pre><code>.directive('myFeature', [function() {
      return {
          restrict: 'E',
          link: function(scope, element, attrs) {
  
              //more code
  
              element.on('click.myFeature', '*:not(select, :radio, :checkbox)', function(event) {
                  logEventDetails(event);
              });
  
              //more code
  
          }])
  </code></pre>
  
  <p>This is working, beautifully, except that when I read my page using <code>NVDA</code> screen reader.
  NVDA reads the <code>heading</code> elements as clickable.
  For example for this heading - </p>
  
  <pre><code>&lt;h1&gt; Test Heading &lt;/h1&gt;
  </code></pre>
  
  <p>NVDA reads:</p>
  
  <blockquote>
    <p>Test Heading heading clickable level 1</p>
  </blockquote>
  
  <p>I have also tried using something like this, <em>(with variety of versions)</em> but it did not worked- </p>
  
  <pre><code>$(':header').off('click.myFeature');
  </code></pre>
  
  <p><strong>TL;DR</strong></p>
  
  <p>Consider the following sample HTML. Here <code>click</code> is associated with <code>div</code> and not with <code>h1</code>. But screen reader works such that it reads heading element also as clickable. </p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
      &lt;div onclick="alert('Hello from Div!')"&gt;
          &lt;h1&gt;Test Heading&lt;/h1&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>How can prevent NVDA from reading non-clickable events as clickable? </p>