使用title属性提供上下文敏感帮助____20160505

原文地址


说明

该技巧为用户提供上下文敏感帮助,当用户输入数据时使用title属性提供帮助信息。帮助信息应该包括格式信息和输入样例。

注:当前的用户代理和辅助技术并不总是能够提供title中的信息给用户。在title属性被广泛支持前,避免使用该技巧


样例

样例1:

一个地图应用提供一个表单,包含地址的标签,一个输入框和一个value值为找到地图的提交按钮。输入框有一个title属性,内容是用户应该输入的地址样式:


效果

样例2:

一个表单允许用户在线支付,但是要求用户输入账号。输入框与账号标签联系在一起,输入框有一个title属性提供账号的位置。


效果


无障碍效果

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

测试人:

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