title: a11y & angularjs - windows screen reader overrides keydown event
body: <p>im working on making a photo gallery app more accessible.</p>
  <p>the app has a feature of showing expanded view of an image when clicked.</p>
  <p>one of the a11y requirements is that when a user focus an image and click enter the expand mode will open and the focus will go inside the expanded view, and will be set on one of the buttons in it. it work's fine without screen reader, or with screen reader on mac. but on windows
  when using screen reader it seems that the code that fires is the one that subscribed to the click event and not the keydown event. because the flag that suppose to be set to true on keydown is false (both events fire the same function but the keydown also add the enterClicked variable set to true).</p>
  <p>this is the div that hold the image and subscribed to the events:</p>
  <pre><code>    &lt;div 
          tabindex=&quot;0&quot; 
          id=&quot;{{media.id}}&quot; 
          data-ng-repeat=&quot;media in row track by media.id&quot; 
          data-ng-mouseenter=&quot;events.toggleVideoPlay(media.type, media.id, media.link, ( rowNummer ) * (row.length) + ($index + 1))&quot; class=&quot;imgContainer&quot; 
          ng-keydown=&quot;$event.keyCode == 13 ? events.openExpandMode(media.id, true) : null&quot;
          data-ng-click=&quot;events.openExpandMode(media.id)&quot;
        &gt;
  </code></pre>
  <p>openExpandMode function:</p>
  <pre><code>$scope.events.openExpandMode = (mediaId, isEnterClicked) =&gt; {
  const state = {
              isEnterClicked,
              mediasId,
              currentIndex,
              pagination: $scope.mediasPagination,
              settings: {
                  isUserName: $scope.settings.user_name_checkbox,
                  isTemplate: !$scope.userConnected &amp;&amp; !$scope.userConnectedWithOldApi,
                  isLikeComments: $scope.settings.like_comments_checkbox,
                  isDescriptions: $scope.settings.description_checkbox,
                  isComments: $scope.settings.comments_checkbox,
                  theme: $scope.settings.expand_theme,
                  lang: $translate.use()
              }
          };
  localStorageService.set('state', state);
  }
  </code></pre>
  <p>expand mode component init:</p>
  <pre><code>const _init = () =&gt; {
     if ($scope.isOpenFromEnter) {
                      document.getElementById('nextArrow').setAttribute('data-focus-visible-added', &quot;&quot;);
                      document.getElementById('nextArrow').className += ' focus-visible';
                      document.getElementById('nextArrow').focus();
                  }
  }
  </code></pre>
  <p>is there a way to stop windows screen reader event interception ?</p>