当用户提供的值不在允许的列表里时,提供一个文本描述。_____20160429

原文链接


说明

当用户输入被验证,错误会被发现,错误原因描述需要使用用户可访问的方式。一个方法是当用户试图提交表单时,呈现一个警告框描述错误区域。另一个方法是,如果是由服务器做验证,返回表单(用户输入仍在)并在页面顶端提供一个文本描述,说明存在验证问题,描述问题的原因,并提供方法简单定位问题区域。仅在区域旁放置一个星号或者将标签文本变红不能满足该部分的成功标准,应该提供一个问题的文本描述。

当输入值必须是合法预设值里面的一个,文本描述应该告知用户这点。预设值列表应尽可能包含所有可能的值,或者建议输入的值应该与合法值非常类似。


样例

样例1:

用户在表单区域中输入无效值。在用户提交表单之前,警告窗口应该出现并描述错误以便用户修改。

样例2:

用户输入无效值且提交了表单。服务器返回表单,用户输入的数据依然存在,在网页顶部给出输入错误描述。文本描述错误的本质并清楚说明了哪个区域有问题,用户可以容易地导航到问题区域。


无障碍效果

各读屏、各浏览器的支持效果

测试人:

争渡、IE11:
永德、IE11:
NVDA、IE11:
永德、chrome:
NVDA、chrome:
NVDA、Firefox:
voiceover、chrmoe:
voiceover、Safari: