如何让NVDA屏幕阅读器读取aria-label？

Question

屏幕阅读器没有阅读此div：

<div tabindex="7" aria-label="Here be redundant or extraneous content" >

它应该是＆＃34;这里是冗余或无关的内容＆＃34;

如何用HTML解决这个问题？

Answer 1

div既不是具有里程碑意义也不是互动内容。 <{1}}将不会被屏幕阅读器读取（这是正确的）。

使用离屏技术：

aria-label

CSS可能看起来像这样（也就是RTL语言）：

<div class="sr-only">
Here be redundant or extraneous content
</div>

There are other techniques，但它们的价值取决于您的受众及其技术资料。

此外，never use a positive tabindex value。 never use a div as interactive content（制表符意味着你的意图）。

将来，如果您提供有关您要解决的挑战的示例和说明，您的问题可能会得到更多关注。