洞察

将无障碍功能融入您的设计系统

从可重用组件开始,这些组件能更容易做出好的决策。无障碍功能应是基础部分,而不仅仅是最终审查的一部分。

· 1 分钟阅读

就核心要素达成一致

定义可读的排版、足够的对比度、有意义的标签、键盘行为和可见的焦点。记录组件如何处理错误、加载、展开的内容和禁用状态。优先使用语义化 HTML,并测试人们实际使用的组件组合。

将审查纳入日常工作

在组件变更中包含自动化检查、键盘测试和适当的辅助技术审查。与设计师和开发人员分享示例。一个经过测试的组件是一个好的起点,但其内容和放置仍然会影响最终页面的无障碍性。

自动化工具支持无障碍工作。它们不能取代人工测试或确立法律合规性。

检查您的网站

输入公开网站地址。检查工具会运行支持的测试并生成报告。

继续探索

本网站不加载分析工具或客服聊天。经您许可,Meta(Facebook 和 Instagram)会通过 Cookie 统计您的访问,以便我们了解哪些广告有效。如果您通过广告或合作伙伴链接访问,我们还会仅在本次访问期间记住活动标签和合作伙伴代码,以便注册时仍可享受合作伙伴折扣。您可以随时在此关闭。