Creating 万博体育官网网址 Forms
一般表格可访问性

介绍

表单用于Web上的许多类型的交互当我们谈论表单的可访问性时,我们通常指的是他们对使用屏幕阅读器或键盘的人的可访问性有其他类型残疾的人通常受错误形式的影响较小然而,应该指出的是,每个人都受益于组织良好,高度可用的形式,特别是那些有认知障碍的人。

确保表单具有逻辑性且易于使用

表格应清晰直观它们应该以合乎逻辑的方式组织说明,提示,必填表格字段,字段格式要求等应该清楚地向用户标识提供有关所需信息的明确说明如果需要任何表单元素,请务必注明确保访问表单元素的顺序合乎逻辑且简单如果使用表来控制表单项的布局,则有时会出现问题要检查页面上项目的线性化顺序,请使用WAVE辅助功能工具

Ensure Forms are Keyboard 万博体育官网网址

许多用户只能使用键盘来导航和使用网络您必须确保仅使用键盘即可完成网站上的表单有一些东西可以使表单完全无法使用键盘,其中最常见的是JavaScript在使用JavaScript来操作表单数据,设置焦点,更改表单元素或提交表单时要小心这些中的每一个都可能使表单难以或不可能仅使用键盘来完成或理解始终测试您的网站表单以获得键盘可访问性。

将表单标签与控件相关联

文本标签通常应描述每个表单控件的功能将标签放在相应的表格控件旁边(即文本框,复选框,单选按钮,菜单等)标签通常位于控件的上方或左侧,但是复选框和单选按钮的标签通常位于控件的右侧有视力的用户应该能够在视觉上将文本标签与其对应的表单控件相关联但是,有视觉障碍的用户无法进行这种视觉关联但是,标签可以使用HTML标记以编程方式与表单控件相关联。

<标签>element用于将文本标签与表单控件相关联这允许屏幕阅读器在用户导航到表单控件时读取关联的标签文本。

重要

屏幕阅读器用户通常使用以下方式浏览表单标签从表单控件跳转到表单控件的关键当用户导航到每个表单控件时,将为每个表单控件读取关联的表单标签通常会跳过表单控件之间的任何非标签文本内容请务必在相关标签或表格开头包含重要提示或说明。

表单控件的分组(通常是相关复选框和单选按钮组)有时需要更高级别的描述(例如一组送货选项单选按钮的“送货方式”)此描述性文本可以与使用的表单控件组相关联<字段集><图例><字段集>识别整个分组和<图例>识别分组的描述性文本运用<字段集><图例>确保在导航分组时向屏幕阅读器用户读取文本描述。