使用aria-live属性来实现表单的实时提示。可以聚焦在表单上时,设置"aria-live"属性的值为"polite",这样即可使屏幕阅读器在用户与表单交互时播报相关信息。 示例代码:
Email Submit
值得注意的是,aria-live属性仅在容器中的内容发生变化时才会生效。如果您正在隐藏和显示表单,则建议使用aria-hidden属性来控制可见性。在表单隐藏时,将aria-hidden属性设置为"true",在表单可见时,将其设置为"false"。 示例代码:
Show form Name Age Submit
上一篇:Aria-label使嵌套内容对屏幕阅读器不可见。
下一篇:aria-live区域第一次更新时,aria-describedby属性会重复。