ng-click и совместимость челюстей

Question

На веб-странице я пытаюсь открыть оверлей с помощью ng-click, и с помощью java-скрипта для этого нет href, соответствующий оверлей вызывается. Эта функция хорошо работает с клавиатурой, когда не используется программа чтения с экрана или программа чтения с экрана NVDA. Однако, когда я использую программу чтения с экрана Jaws, функциональность вообще не работает. Может кто-нибудь предложить подход, как исправить эту проблему, не используя href? вот код я использую HTML

    <a href="javascript:void(0)" ng-click="openModal()">
<h2 class="mu-item__title" ng-if="!hideInfo" data-share-title>{{videoData.title}} <span class="screenreader">{{item.contenttype_t}}</span></h2>

Код JavaScript

    $scope.openModal = function() {
if ($attrs.modalvideo) {                  
    $scope.openInModal = true;
    $scope.fromChild = false;
    $scope.genericData.showModal = true;
    $scope.genericData.isVideo = true;
    $scope.modalData = $scope.videoData;
}

};

Кто-нибудь может подсказать, что нужно изменить в текущем коде? Спасибо Анубхав Митра

Answer 1

Попробуйте использовать кнопку вместо тега привязки

    <button aria-label="{{item.contenttype_t}}" ng-click="openModal()" ng-if="!hideInfo">
      <h2 class="mu-item__title" data-share-title>{{videoData.title}}</h2>
    </button>