Tip:
Highlight text to annotate it
X
下面我给大家讲一个大家经常在网上遇到的问题
表单的使用, 我将通过一个例子进行说明
在这个练习中我们要在方框里打钩
根据1946-1974年期间的生产统计表格,
描述增长的状况 ?
有两个答案选项 : 标题 - 增长很快- 方框,打钩,不打钩
增长中速 - 方框,打钩,不打钩
我要遍历一下所有的方框 来看一下所有的答案选项
保持 - 方框,打钩,不打钩
下跌 - 方框,打钩,不打钩
中断 - 方框,打钩,不打钩
强 - 方框,打钩,不打钩
N間ative - 方框 打钩, 中等
方框 打钩,空白
按钮 - "检查" 按钮
我要勾选 "保持" 和 "强" 据我来看这是正确的选项
中等 - 方框 打钩 - n間ative
强 - 方框 - 打钩 - 中断 - 方框 打钩 - 下跌
方框 打钩 - 保持 - - 方框 打钩 - 空格 - 打钩 - - 方框 打钩
增长很快 - 保持 打钩
我选择了想要选择的空格, 下面要检查答案
按钮 - 检查按钮 - "确定" - 答案错误
读屏器告诉我是错误的,
我勾错了答案,因此答案是错误的
但是我确信"保持"和 "强" 是正确的答案,
这样看来我是勾错了方框.
在这个特定的例子中,错误可能并不是很严重
但是如果我们需要在线上注册学校的话
后果就会非常严重了
我们要网上订购火车票 我们填写了错误的文本框或勾选了一个错误的方框
这时候盲人就无所适从了。
下面我给大家展示一个市政府的网站,那里的表单是可及的.
大家将会看到是怎样使用的 :
第三级标题 - 有关申请者的信息
标题:公民 - 单选按钮:Melle(女士) - 3个中的第1个
Melle : 这说明是女士
确定 - 勾选您的表单 - tab(按键), tab. 编辑 名 星号(代表必填) :
填写大写字母 Tab - 文本框, 姓, 星号 : 填入文字
k,r,e, m,p Tab - 文本框 名 星号 : 填入文字 i, s, a, e,
正如大家看到的那样, 我能够毫不费力地填写表单中的文本框
填入我的姓和名,一切都非常清楚明白
我清楚地知道自己在那个文本框之中
我可以没有任何困难地填写这些表单
大家都明白在回答课程的问题时
填错了表单并没什么大不了的
但是这样的错误若是出现在
学校注册或者订购车票机票时会变得非常令人烦
因此表单非常重要
能够清楚地展示并让我们无误地填写是非常必要的。
正如短片中所展示的那样, 表单可以做得
让那些使用辅助性技术的用户能够方便的使用。
这就需要网页发开人员在编写时遵循一些原则.
在这个例子中 HTML表单, 对应着id 和 for 属性的 标签
将选框和相应的文字联系了起来
同时,因为读屏器处于表单模式下,
将非常注意框区和其前后文字之间的联系
另外为了提高表单的可及性, 我们建议
将文本框以标签的方式分组起来。
将标签和标签相联系可以为每个信息组起一个标题,
同时也可以方便定位。
采用键盘(制表键tab)浏览文本框的顺序应当有逻辑。
若是键盘浏览顺序和编码源不一致,
可以用tabindex属性来为制表加入想要的顺序。
在这个例子中,无论源代码如何, 制表顺序都是遵循下面的顺序:
姓
单位
邮箱
个人主页
地址
在表单中,有些文本框是必填的,
这需要特殊标明。
用有星号的框来表示必填项,
是解决这个问题的一个好办法
而采用不同颜色来标注或者在文本框后面用文字表明则不是好的解决方案
因为无法满足所有用户的需求。
确认时填写所有表单的最后一步。
确认按钮应当清楚地被标明, 尤其当它是一幅图片时。
这时需要为图片提供相应的文字说明。