单击时使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。如果你想让屏幕阅读器读出你放在锚标签中的文本以外的东西(在你的例子中是"登录按钮"(，如果它是一个小文本，请使用aria标签，否则，如果你想用id引用任何特定的div或h2或h3，你可以使用aria labeledby。

如果你想使用咏叹调标签，你可以这样做：

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