ng-clickとjawsの互換性

Question

ウェブページでは、ng-clickの助けを借りてオーバーレイを開こうとしていますが、hrefはjavaスクリプトの助けを借りて利用できません。それぞれのオーバーレイが呼び出されています。この機能は、スクリーンリーダーが使用されていないか、NVDAスクリーンリーダーが使用されているときにキーボードで正常に機能しています。しかし、Jawsスクリーンリーダーを使用すると、機能がまったく機能しません。誰もがhrefを使わずにこの問題を解決する方法を提案することができますか？ここで私は HTMLの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; 
} 

}

<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> 

を使用していますコードです。

誰も現在のコードで変更する必要があることを提案できますか？ おかげ Anubhavミトラ

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>