此页面由 Cloud Translation API 翻译。

互动元素指明其用途和状态

交互式元素（例如链接和按钮）应指明其状态，并与非交互式元素区分开来。如需检查互动元素是否指明了其用途和状态，请同时使用视觉测试和屏幕阅读器测试。

如何手动测试

您应通过视觉方式和屏幕阅读器测试交互元素。

如需手动测试视觉焦点，请在页面中按 TAB 键。

您可以通过多种方式为每个交互元素设置焦点指示器的样式。一种方法是设置 :focus 伪类的样式。无论使用哪种输入设备或方法将元素聚焦，系统都会在元素获得焦点时应用该样式。

详细了解如何设置焦点样式。

使用屏幕阅读器浏览您的网页，并检查屏幕阅读器是否会读出每个互动控件的名称、该控件的角色以及当前的互动状态。如果元素的角色和状态不明确，您可能需要添加适当的 ARIA 角色。

此外，密切关注如何给互动元素添加标签也同样重要。屏幕阅读器和其他辅助技术的用户依靠标签来了解该元素的上下文。模糊标签很常见，对浏览内容没有帮助。了解如何改进标签和文字替代项。

提供有关控件用途的视觉提示，有助于用户操作和浏览您的网站。这些提示称为功能可见性。借助功能可用性，用户可以在各种设备上使用您的网站。