简介

可读性优化主要追求在设备、光线不理想等情形下使得普通用户获得更好的产品体验。

色彩对比度

主文字和背景的颜色需要有足够高的对比度。基于 WCAG2.0(Web 内容无障碍指南),文字的视觉呈现至少要有 4.5 : 1 的对比度,大号文字至少要有 3 : 1 的对比度。对中性色内的主要文字颜色及功能色的定义,需要尽量满足 WCAG2.0 。

不止通过颜色传递信息

不止依靠颜色传达诸如状态指示、实时响应等信息。同时使用多种视觉线索传达重要信息,如错误状态通过红色边框、叹号 Icon 及提示语同时传达。

明确的边界

明确的表单边框对于有认知障碍、视力低下的用户非常重要。清晰的视觉线索及反馈,会让用户容易理解表单的位置,可操作区域。