保证页面中包含其他验证码,使用不同模式提供相同目的_20160406


说明

该技巧的目的是降低残障用户不能完成验证码操作的几率。因为替代验证码使用不同模式,用户更可能能够完成其中一个验证码测试。


样例

样例1:

一个网页包含验证码,用户在进入下一步之前,必须通过验证码测试。网页包含视觉验证,例如键入图片中的文字,音频验证,例如键入音频文件中的字母。听力残疾的用户不能通过音频验证,但却可以通过视觉验证。

样例2:

一个博客提交表单包含视觉验证码,在提交之前必须完成,除了视觉验证码,还包含文本验证码,如“2+7等于多少”,可在之后的文本框中输入正确答案。


无障碍效果

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

测试人:

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