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

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地址的盲人用户应该已经知道它的外观。最好的方法是提供词汇表的帮助链接。

Answer 2

你怎么知道占位符文字对于屏幕阅读器来说是否是荒谬的＆＃34;？为什么选择单独的屏幕阅读器用户？赢得占位符文本＆＃34;荒谬＆＃34;对于一般用户而言，无论他们是否使用屏幕阅读器？

如果您使用placeholder=属性，则必须确定它对某些用户有帮助。如果是这样，那么对有视力的用户有利的任何事情都应该对低视力/无视力用户有利。

如果您在屏幕上看到有用的信息，则很少会出现屏幕阅读器用户隐藏该信息的情况。