ng-click 和 jaws 兼容性

Question

在网页中，我试图在 ng-click 的帮助下打开一个叠加层，但在 java 脚本的帮助下没有可用的 href，正在调用相应的叠加层。当没有使用屏幕 reader 或使用 NVDA 屏幕 reader 时，此功能可以通过键盘正常工作。但是，当我使用 Jaws screen reader 时，功能根本不起作用。谁能建议如何在不使用 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>

ng-click 和 jaws 兼容性

ng-click and jaws compatibility

accessibility

angularjs-ng-click

jaws-screen-reader