只有在突出显示子元素时才会对其进行屏幕阅读

Question

我的元素大致如下：

<a class="parent" tabindex="0">
   <span class="info">One line of data.</span>
   <span class="info">Another line of data.</span>
   <button class="action">Click here to do stuff.</button>
</a>

由于原因，我有一个链接将用户带到某个页面，并且该链接内部是一个按钮，它执行与链接相关的操作，但功能上有所不同。当我使用屏幕阅读器选中parent链接时，它会读取内部所有内容的文本 - info跨度和button，这不是我正在寻找的行为对于。我想要发生的是：

• 如果用户选中parent链接，则会读取两个info跨度的内容，但不会读取button的内容，因为这会误导用户链接的内容
• 如果用户专门选择button，则会读取该按钮的内容。

我尝试为aria-label链接组装自定义parent以执行我想要的操作，但事实证明这非常困难，因为我想要阅读的一些内容是内插HTML，而不是＃39;很容易变成英文字符串。有没有更简单的方法来做我想做的事情？