创建具有辅助功能的 Web 页使您可以吸引到尽可能多的客户。残疾人士并不是仅有的欣赏具有辅助功能的页的用户。连接速度慢或只有纯文本浏览器的用户也依赖辅助功能选项。辅助功能设计使自动化工具(如搜索引擎)可以搜索和操作页上的信息并可以对这些信息编制索引。最后,未来的电讯法律可能会要求在 Internet 上发布的信息应该像传统软件一样具有辅助功能。 /?"
有关更多信息,请参见 Web 辅助功能设计指南。
在 Microsoft 的辅助功能 Web 站点上,有“设计辅助性 Web 页的 12 个提示”:
所有图形的良好的备用 (ALT) 文本。
正确使用图像映射。
有用的链接文本。
良好的键盘定位。
所有控件和 applet 的备用项。
不使用框架的备用页。
正确使用表及其备用项。
支持阅读器的格式选项。
不要求使用样式表。
阅读器可以使用的文件格式。
避免使用滚动字幕。
为大多数对象提供标题。
如果无法满足辅助功能目标,请考虑提供备用的纯文本 Web 页。
预先规划辅助功能
“Web 窗体”标准工具箱上的控件支持许多辅助功能准则,包括公开键盘焦点和公开屏幕元素。控件的属性可用于支持其他辅助功能准则,如下表所示。
控件属性 辅助功能注意事项
TabIndex 使用 TabIndex 属性创建一个在窗体中导航的合理路径。没有内部标签的控件(如文本框)必须按 Tab 键顺序紧跟在其关联标签之后,这非常重要。
Text 使用 HTML <u> 标记显示控件的访问键。使用访问键有助于提供对所有功能的已记录的键盘访问方案。(使用 AccessKey 属性启用控件的访问键。)
Font Size 使用标题标记而不是具体的大小。
AlternateText 为所有图像提供备用文本。
AccessKey 使用此属性提供对控件的键盘访问。
创建项目
本演练创建一个代数课 Web 站点。用户界面包括以下内容:一个作为班级徽标的 Image,一个具有若干讲座 HyperLink 的 Panel,一个显示包含课程提纲的表格的 DataGrid,以及一个指向描述课程课本的页的 HyperLink。
本演练的中心是用户界面的辅助功能以及如何针对 Web 服务器控件编程以支持辅助功能。它说明若干个常用控件(包括 Link、DataGrid、Image 和 Label 控件)的辅助功能特性。所有的 HyperLink 都将定位到同一个 Web 页,但是该 Web 页将是空的。
开始生成应用程序
用 Visual Basic 或 Visual C# 创建一个新的 ASP.NET Web 应用程序。将此项目命名为 AlgebraClass。(有关详细信息,请参见创建新解决方案和项目。)
启动窗体 WebForm1.ASPx 出现在 Web 窗体设计器中。
在“项目”菜单上,单击“添加 Web 窗体”。将出现“添加新项”对话框。将此新 Web 窗体命名为 Lecture.ASPx,然后单击“打开”。此窗体将用于为 WebForm1 上的 HyperLink 示例提供 NavigationUrl。
关闭名为 Lecture.ASPx 的窗体并保存所做的更改。
将控件添加到窗体中
在将控件添加到本应用程序的窗体中时,请牢记下列准则以便生成一个具有辅助功能的应用程序:
使用图表时,用 TITLE 属性为图表的列和行提供名称。同时,确保从左到右、从上到下阅读时图表是有意义的。
使用实际的标题标记(如 H1、H2 等)而不是格式化文本支持用户的选定格式化选项。
提供有用的链接文本。例如,如果文本是“单击此处查看讲座 1 笔记”,那么“讲座 1 笔记”就是比“单击此处”更有用的链接文本。
依据给定语言的正常文本顺序,提供在页中导航的合理路径。
对大多数对象使用 TITLE 属性。
将具有辅助功能的控件添加到页中
在属性窗口中,选择“文档”并设置以下属性:
将 title 属性设置为“Algebra Class”
将 bgColor 设置为“系统颜色”集中的“背景”颜色。
若要做到这一点,请单击省略号按钮 (
()。








