JAWS 屏幕阅读器和按钮过于冗长

Question

我正在尝试让这段代码与 JAWS 屏幕阅读器一起正常工作。它在一个 CSHTML 文件中，我没有编写代码，我只是想修复它（我是该项目的 UI 设计师）

<div id="[email protected]">
  <button class="btn btn-primary btnApprove btntooltipA" id="[email protected]" 
enttyddata="@i.EntryId" data-toggle="tooltip" data-original-title="Approve"
value="@i.EntryId" onclick="CheckInHomeValidation(@i.EntryId);" aria-label="Approve">A</button>

@if (i.Flags != Convert.ToString((int)clsEnum.enumEntryFlags.Compensated_Debited))
  {
  <button class="btn btn-danger btnReject btntooltipR" id="[email protected]" 
data-toggle="tooltip" data-original-title="Reject" onclick="rejectPunchfuntion(@i.EntryId)" 
value="@i.EntryId" aria-label="Reject">R</button>
  }
</div>

如果我使用 tab 键导航，按钮将在 JAWS 中读出为“批准按钮批准拒绝按钮拒绝”

如果我使用“b”键，这些按钮将在 JAWS 中读出为“批准按钮”和“拒绝按钮”，这是所需的结果。

我试着放一个

 

但它除了把我的按钮堆叠在屏幕上之外什么也没做。

以上代码的输出将在 Chrome 开发工具中生成此代码（感谢@slugolicious 的建议）：

<div id="dvbtn_1888281">
<button class="btn btn-primary btnApprove btntooltipA" id="btnap_1888281" enttyddata="1888281" data-toggle="tooltip" title="" value="1888281" onclick="CheckInHomeValidation(1888281);" aria-label="Approve" data-original-title="Approve">A</button>
                            
<button class="btn btn-danger btnReject btntooltipR" id="btnrej_1888281" data-toggle="tooltip" title="" onclick="rejectPunchfuntion(1888281)" value="1888281" aria-label="Reject" data-original-title="Reject">R</button>

</div>

我该怎么做才能解决这个问题？

谢谢