[[用户访谈调研]] ## 视觉可用性 ### 对比度 ### 色盲 [[Color Oracle]] 这个应用不错，免费的，mac 本地应用。 ## 交互可用性 ### 键盘交互的支持 ### Cloudspace - 以逻辑和可预测的顺序为可用内容的所有交互式元素提供键盘功能。信息流应该是有意义和有意义的。 - 确保你的 web 应用程序只能用键盘完全操作。测试你的应用程序是否有键盘陷阱。 - 具有明确的层次结构和可预测的焦点顺序的设计。 - 确保输入焦点遵循布局的视觉顺序。 - 为键盘焦点上的所有交互元素提供一个可见的焦点指示器。 - 不要让用户悬停显示内容。所有悬停元素也应该是可访问的，键盘上的焦点。 - 如果页面的某个区域是可滚动的，则用户必须能够使用键盘滚动该区域。 - 当使用只包含字符的键盘快捷键时，确保用户可以打开、关闭或重新映射快捷键以包含至少一个非字符键 (例如：ALT 或 CTRL)。 ### ## 资源 - [Accessibility – Cloudscape Design System](https://cloudscape.design/foundation/core-principles/accessibility/)  - [Designing for Web Accessibility – Tips for Getting Started | Web Accessibility Initiative (WAI) | W3C](https://www.w3.org/WAI/tips/designing/#dont-use-color-alone-to-convey-information) W3C官方指南，应该是最权威的了20220504 - [Researching the best ways to improve the online user experience Baymard Institute](https://baymard.com/) - [Nielsen Norman Group: UX Training, Consulting, & Research](https://www.nngroup.com/) 尼尔森诺曼官网 - [教你如何进行可用性测试 (qq.com)](https://mp.weixin.qq.com/s/u0ns8wen-Sgbjw_t6BBeZQ)