单击时使NVDA读取按钮文本

Question

我正在使用NVDA (屏幕阅读器)和aria做一些事情，问题是我想让nvda能够以文本的形式读取按钮中的内容。例如，当我点击它时，我希望它在NVDA语音播放器中显示“登录对话”而不是“对话”。

我尝试了许多唱段角色，并用唱段描述的方式做了一些事情，但我不能让它工作，有人能帮我吗？谢谢。下面是我正在尝试修改的代码行

<a href="%"<div aria-hidden="true" class="login-icon"></div Login Button</a>

Answer 1

试试这个：

<a href="%" role="button">
   <div aria-hidden="true" class="login-icon"></div> 
   Login Button
</a>

role="button"将使锚链成为屏幕阅读器的按钮。当你有一个包含文本的锚标签时，你不需要给出aria-describedby or aria-labelledby。如果你想让屏幕阅读器读出的不是你放在锚标签中的文本(在你的例子中是'Login Button')，如果它是一个很小的文本，使用aria-label，否则你可以使用aria-labelledby，如果你想引用任何特定的div或h2或h3和一个id。

如果你想使用aria-label，你可以这样做：

<a href="%" role="button" aria-label="Text other than Login Button">
   <div aria-hidden="true" class="login-icon"></div> 
   Login Button
</a>