accessibility - 屏幕阅读器和错误消息

Question

一般来说，您如何在网页上显示客户端验证消息以使其易于阅读？警报很好读，但在当前设计中是禁止的。

Answer 1

我建议使用具有警报作用的段落或类似内容（可选不可见）。

<p id="error-msg" role="alert"></p>

当出现问题时，将文本放在 error-msg 元素中，并带有一些描述的 Javascript。

document.getElementById("error-msg").innerHTML="What are you doing you fool!";

或者类似的东西。

我相信这是 YouTube 用来让用户知道播放列表中的新视频何时加载的方法。

希望这可以帮助。