屏幕阅读器和错误消息

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用来让用户知道播放列表中的新视频何时加载的内容。

希望这有帮助。