告诉屏幕阅读器忽略输入标签中的占位符文本？

Question

我在应用程序中使用的一些占位符文本对于屏幕阅读器来说有点荒谬（例如，示例MAC地址）。

有什么办法可以让屏幕阅读器仅忽略placeholder文本？

Answer 1

您可以使用有意义的占位符。如果您真的想定义一个mac地址应该是什么样子，但又不想被读取（出于某种原因），则可以aria-hidden在其他元素上使用该属性。

<label>MAC Address:
   <input type="text" placeholder="Enter your mac address here" />
   <span aria-hidden="true">(e.g. FF-AA-BB-CC-DD-EE)</span>
</label>

我们可以猜测，必须输入其MAC地址的盲用户应该已经知道其外观。最好的方法是提供到词汇表的帮助链接。