无障碍网站设计

1、网站设计无障碍技术要求有哪些

作者：天亮
链接：https://www.hu.com/question/21595450/answer/18722340
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

网站设计无障碍技术要求
1.范围
本标准规定了满足无障碍上网的网站设计技术要求，包括网页内容的可感知要求、接口组件的可操作要求、网站内容和控制的可理解要求、内容对现有和未来可能出现技术的支持能力要求等。
本标准适用于网站提供无障碍服务时的设计、开发和管理。
2.术语和定义
下列术语和定义适用于本文件。
2.1.信息无障碍 information accessibility
无论健全人还是残疾人、无论年轻人还是老年人都能够从信息技术中获益，任何人在任何情况下都能平等地、方便地、无障碍地获取信息、利用信息。
2.2.链接 link
又称超级链接，从一个网页指向一个目标的连接关系。所指向的目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是图片、电子邮件地址、文件、甚至是应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。按照链接路径的不同，网页中超链接一般分为以下3种类型：内部链接、锚点链接和外部链接。如果按照使用对象的不同，网页中的链接又可以分为：文本超链接、图像超链接、E-mail链接、锚点链接、多媒体文件链接、空链接等。
2.3.辅助技术 assistive technology
用户代理的硬件和/或软件。为了满足存在身体机能差异性的特殊人群（例如残疾人）的需要，在主流用户代理提供的功能之外，它们提供了一些特殊的功能，也可以与主流用户代理一起提供特殊的功能。辅助技术提供的特殊功能包括替代性表现形式（例如合成语音或放大的内容）、替代性输入方式（例如语音输入）、附加的浏览和导航机制、内容转换（例如使表格更易于访问）等。
辅助技术通常是通过使用和监视API来与主流用户代理交换数据和消息。主流用户代理和辅助技术之间没有绝对的区别，很多主流用户代理提供了一些支持残疾人使用的特殊功能。基本的区别是主流用户代理的服务目标是更为广泛的不同类型的人群，通常包括健全人和残疾人。
本标准涉及的比较重要的辅助技术包括：
——屏幕放大器，由存在视力障碍的人使用，可以放大屏幕上的字体并改变颜色，以改善改变后的文本和图像的视觉可读性；
——屏幕阅读器，由存在视力障碍或阅读障碍的人使用，以便通过同步语音或盲文显示来读取文字信息；
——语音识别软件，可以由存在某些生理障碍的人使用；
——替代性键盘，由存在某些生理障碍的人使用，以便模拟键盘的功能；
——替代性指点设备，由存在某些生理障碍的人使用，以模拟鼠标定位和按钮动作。
2.4.用户代理 user agent
能够检索并向用户展现 Web 内容的软件。例如：Web 浏览器、媒体播放器、插件以及其他程序（包括辅助技术），它们能够帮助检索及展现 Web 内容。
2.5.多媒体 multimedia
与另一种媒体和/或基于时间的交互式组件相同步的音频或视频。
2.6.字幕 captions
与多媒体一起显示并与之同步的、提供语音信息的替代文本。
2.7.文本 text
字符序列,字符是指 Unicode/ISO/IEC 106464 库中的字符。
2.8.自然语言 natural language
人类之间交流所使用的语言，包括口头语言、书面语言以及手语是一种自然地随文化演化的语言。
2.9.非文本内容 non-text content
字符顺序不能程序化确定或其顺序不能用自然语言表达的任何内容。
注：包括 ASCII图形（一种字符图案）、表情符号、leetspeak（用其它字符代替）以及用来表示文本的图形。
2.10.替代文本 text alternative
用于替代非文本内容的文本，例如对图片提供一段文字解释，主要作用是方便视障人群借助辅助工具了解非文本内容，例如使用读屏软件读懂图片内容。
2.11.纯装饰 pure decoration
只满足美观的目的，不提供信息，不执行功能。
2.12.视频 video
使图片或图像活动的技术。视频可以由动画或者图片或者两者共同构成。
2.13.相对亮度 contrast
色域中任何一点的相对亮度，通常0代表最深的黑色，1代表最浅的白色。
注：关于sRGB色域颜色的相对亮度定义为L= 0.2126 *R + 0.7152 *G + 0.0722 * B，其中R、G、B的定义分别如下：
——如果RsRGB <= 0.03928 则R = RsRGB/12.92 ，否则R = ((RsRGB+0.055)/1.055) ^ 2.4；
——如果GsRGB <= 0.03928 则G = GsRGB/12.92 ，否则G = ((GsRGB+0.055)/1.055) ^ 2.4；
——如果 BsRGB <= 0.03928 则 B = BsRGB/12.92 ，否则B = ((BsRGB+0.055)/1.055) ^ 2.4。
并且RsRGB、GsRGB和BsRGB的定义分别如下：
RsRGB = R8bit/255；
GsRGB = G8bit/255；
BsRGB = B8bit/255。
"^" 符号是幂运算符。
2.14.亮度对比率 contrast ratio
(L1 + 0.05) / (L2 + 0.05)，其中：
—— L1是较浅颜色的相对亮度；
—— L2是较深颜色的相对亮度。
2.15.上下文变化 changes of context
以下方面的变化：
——用户代理；
——观察窗 (viewport)；
——焦点 (focus)；
——改变 Web 单元含意的内容。
内容的变化并不总是上下文的变化。内容上的微小变化，例如展开的轮廓或者动态菜单，并不改变上下文。
2.16.上下文相关的帮助 context-sensitive help
帮助文字，它们提供与当前操作功能相关的信息。
2.17.聚焦 Focus
电脑操作系统或应用程序需要获得鼠标、键盘或者其他类型的输入设备（比如手写笔）在屏幕（或窗口）上输入信息的位置，这个位置被称作输入焦点，操作系统或应用程序获得输入焦点的行为被称作聚焦。通常鼠标的单击会使系统自动获得焦点，光标的移动也会使系统自动获得焦点。
2.18.Web 单元 Web Unit
由一种或多种共同展现的资源构成的信息集合，由单个统一资源标识符（例如 URL）进行标识。例如包含所有内嵌图像和媒体的 Web 页面。
2.19.语音信息 speech information
所有发言、讲话、画外解说等声音信息。
3.概述
人们在获取信息方面的障碍主要体现在视觉、听觉、运动和认知障碍上，健全人由于某些原因也可能无法正常访问网页，可能的情况如下：
——可能无法看见、听见、移动，不方便或完全无法处理某些类型的信息；
——可能在阅读理解文本方面有困难；
——可能无法使用键盘或鼠标；
——使用的可能是只能显示文本的显示器、小显示器或者低速的互联网连接；
——可能不会流畅地说或理解文档书写所使用的语言；
——眼睛、耳朵或手在忙于做其他事情（例如驾车、在噪音环境下工作等）；
——可能使用了不同的用户代理（例如早期版本的浏览器、语音浏览器等）。
信息无障碍服务的目的是要帮助任何人在任何条件下获取网络信息，要保证网页可以被任何人直接或借助辅助工具访问到，要求网页设计做到以下四点：
——网页内容必须是可感知的；
——网页内容中的界面组件必须是可操作的；
——网页内容和控件必须是可理解的；
——网页内容必须具备兼容性。
这四项原则为任何人访问和使用网页内容奠定了必要的基础，并为提高残疾人和有特殊需求的健全人感知、操作和理解网页内容的能力提供支持。每项原则之下都有许多特定的规范来实现该原则。而在每一项特定的规范之下又有若干合格标准来评估是否符合该特定规范。
每项原则之下的规范的合格标准被划分为如下等级：
——等级1合格标准：实现基本的无障碍服务功能；
——等级2合格标准：实现强化的无障碍服务功能；
——等级3合格标准：实现较高难度的无障碍服务功能；
——等级4合格标准：实现高难度的无障碍服务功能；
——等级5合格标准：实现附加的无障碍服务功能。
网站应首先实现较低等级的规定，在此基础上逐步实现较高等级的规定。
本标准以下各章规定了无障碍网页开发设计要求，以便使身体机能差异人群、特殊环境条件下的健全人都能够直接或借助辅助工具获得网页信息。
注：本标准针对建设信息无障碍网站所需要解决的问题做出规定，并不针对具体使用的技术，即不针对 HTML、XML 或任何其他特定技术。这种方式有利于把标准的规定应用于多种场合和技术中，包括那些目前尚不存在的场合和技术。
4.可感知性
4.1.可感知性原则
信息和用户接口组件应以用户可以感知的形式呈现给用户。
4.2.非文本处理
4.2.1.验证码（等级1）
如果网页中存在非文本验证码，则应提供适合多种残疾人和有特殊需求的健全人使用的替代表现形式。
4.2.2.验证码（等级2）
如果网页中存在非文本验证码，则应提供适合多种残疾人和有特殊需求的健全人使用的不离开当前操作界面的替代表现形式（例如语音验证码）。
4.2.3.非文本链接（等级1）
应为网页中的非文本链接提供替代文本，替代文本应说明链接目的或链接用途。
4.2.4.可操作非文本控件（等级1）
如果非文本内容是一个控件或接受用户输入，则应有一个能说明其目的名称。
4.2.5.非文本内容（等级3）
应为所有展现给用户的非文本内容提供相同目的的替代文本，但下述情况按相应要求处理：
——如果非文本内容是一个测试或练习，且在以文本形式展现的情况下无效，则替代文本至少应对该非文本内容提供描述性的说明；
——如果非文本内容的主要目的在于创建某种特定的感官体验，则替代文本至少应对该非文本内容提供描述性的说明；
——如果非文本内容属于纯装饰，或者仅用于视觉格式，或者并不向用户展现，则应以辅助技术可忽略的方式进行实现。
注：在难以明确界定非文本内容是否为装饰性的情况下，按针对非装饰性非文本内容的要求进行处理。
4.3.文本处理
4.3.1.文本大小调整（等级3）
应能无须使用辅助技术即可对网页的字体大小进行调整（字幕文本和图片文本除外），放大程度可达200%，字体放大后的显示结果不超出屏幕的左右边界，且放大后文字不能够相互重叠。
4.3.2.文本大小调整（等级4）
应能无须使用辅助技术即可对网页各个区块的字体大小进行调整（字幕文本和图片文本除外），字体放大程度可达200%，字体放大后的显示结果不超出屏幕的左右边界，且放大后文字不能够相互重叠。
4.3.3.无障碍文本形式（等级5）
对于文本块的视觉呈现，可提供一种机制来实现下列效果：
——前景颜色和背景颜色可由用户选择；
——宽度不超过80个文字或符号（如为中日韩统一表意文字，则不超过40个字）；
——文本不调整（不要左右两端对齐）；
——段落内的行距至少为1.5倍，且段落间距至少比行距大1.5倍；
——无须使用辅助技术即可调整文本大小，最多可调整到200%，字体放大后的显示结果不超出屏幕的左右边界，且放大后文字不能够相互重叠。
4.3.4.文本对比（等级4）
文本视觉呈现的亮度对比率至少应达到4.5:1，但下述情况按相应要求处理：
——大字文本亮度对比率至少为3:1；
——当文本作为非活动的用户界面组件的一部分，是纯装饰的，或对任何人均不可见，或是一个包含其他重要视觉内容的图片的一部分，则没有亮度对比率要求；
——作为标识或品牌名称的一部分的文字，没有最低亮度对比率的要求。
4.3.5.文本对比（等级5）
文本视觉呈现的亮度对比率至少应达到7:1，但下述情况按相应要求处理：
——大字文本的对比率至少为4.5:1；
——当文本或文本图像作为非活动的用户界面组件的一部分，是纯装饰的，或对任何人均不可见，或是一个包含其他重要视觉内容的图片的一部分，则没有亮度对比率要求；
——作为标识或品牌名称的一部分的文字，没有最低亮度对比率的要求。
4.4.多媒体处理
4.4.1.多媒体（等级2）
应为多媒体信息提供内容概要。
4.4.2.预录多媒体（等级3）
对于预先录制的多媒体，应提供音视频中语音信息的替代文本，即：提供一个直接嵌入视频流的开放字幕，或提供一个封闭字幕。
4.4.3.预录多媒体（等级5）
对于预先录制的多媒体，其中任何必须依靠视觉、听觉感知的信息，应提供相应的语音描述、文本描述，或提供全部多媒体内容的文本替代描述信息。
4.4.4.实时多媒体（等级4）
对于实时多媒体，应提供音视频中语音信息的替代文本，即：提供一个直接嵌入视频流的开放字幕，或提供一个封闭字幕。
4.4.5.多媒体手语视频（等级5）
应为多媒体提供手语视频，即：在视频流的一角提供手语视频，或提供同步手语视频，可以通过不同的观看途径来播放。
5.可操作性
5.1.可操作性原则
用户接口组件应为用户操作提供便利，并为防止和纠正用户的操作失误提供措施。
5.2.网页操作控制
5.2.1.键盘操作（等级3）
网页内容中所有可通过鼠标操作实现的功能均可通过键盘操作来实现，而且对单个键击时间没有特定要求（依赖鼠标划过路径实现的功能除外，如鼠标画笔）。
5.2.2.键盘操作（等级5）
网页内容中所有功能均可通过键盘操作来实现，而且对单个键击时间没有特定要求。
5.2.3.键盘焦点陷入（等级1）
网页应支持键盘焦点进入内容区，不产生键盘焦点陷入。
5.2.4.键盘焦点陷入（等级3）
如果使用键盘操作能将键盘焦点移到某个页面组件上，则只使用键盘就可以将焦点从该组件上移开；如果除了点击未经更改的方向键、Tab键或使用其它标准退出方式之外还需要其他的操作，则应告知用户移开焦点的方法。
5.2.5.聚焦（等级5）
在任何组件被聚焦时，不应引起上下文变化。
5.2.6.跳过导航栏（等级3）
应提供一种机制来跳过在多个网页中反复出现的内容块，提供直接访问网页主要内容的功能。
5.2.7.板块跳转（等级3）
应提供一种机制使用户能够通过键盘操作方式在各内容板块间进行跳转。
5.2.8.多媒体播放控制（等级3）
视频、音频、多媒体信息的播放可通过键盘控制，可通过键盘播放、停止、暂停、快进、快退、增减音量。
5.2.9.多媒体播放控制（等级4）
如果网页上的视频、音频、多媒体自动播放时间超过三秒，则应提供一种机制来暂停或将其关闭。
5.2.10.充足操作时间（等级2）
如果计时不是活动的必要部分或关键要素，且不会导致使用者发生法律承诺或财务交易，则应为用户的操作留下充足时间。
5.2.11.充足操作时间（等级5）
应为用户的网页交互操作留下充足时间。
5.2.12.中断推迟或阻止（等级4）
除了紧急事件的中断，中断均应可以被用户推迟或阻止。可提供下列机制来保证：
——提供一种延缓内容的任何更新的机制；
——根据用户的请求更新内容，而不是自动更新内容。
5.2.13.会话恢复（等级4）
已认证的会话过期时，用户重新认证后数据不会丢失，先前输入的信息可读出，活动可以继续。
5.2.14.无漂浮窗（等级1）
网页中不应出现漂浮窗。
5.3.信息输入处理
5.3.1.输入提示（等级2）
当内容需要用户输入时，应提供说明，具体方式为：
——对于需要用户输入信息的输入栏，网页中提供提示信息；
——对于需要以特定格式输入的文本，网页中提供格式说明。
5.3.2.错误原因提示（等级2）
如果输入错误被自动检测出来，则应以文本形式向用户描述错误信息，且错误信息可关闭。
5.3.3.错误原因提示（等级3）
如果输入错误被自动检测出来，则应以文本形式向用户描述错误信息，错误信息可关闭，且用户可选择此后不再提示错误信息。
5.3.4.错误修改建议（等级3）
如果一个输入错误被自动检测出，并且修改建议已知，则应以文本形式向用户提供修改建议，且提示信息可关闭
5.3.5.错误修改建议（等级4）
如果一个输入错误被自动检测出，并且已知修改建议，则应以文本形式向用户提供修改建议，提示信息可关闭，且用户可选择此后不再出现提示信息。
5.3.6.错误预防（等级3）
对于会导致使用者发生法律承诺或财务交易的网页，至少应符合下述条件之一：
——提交动作是可逆的；
——可以对用户输入的数据进行输入错误检查，并且用户有机会纠正数据；
——在最后完成提交之前，提供一个检查、确认、修改信息的机制。
注：对有特殊要求的金融业用户，本标准有可能不适用，将在实际情况中针对不同情况进行处理。
5.3.7.错误预防（等级5）
对于要求用户提交的网页信息，至少符合下列条件之一：
——提交动作是可逆的；
——可以对用户输入的数据进行输入错误检查，并且用户有机会纠正错误；
——在最后完成提交之前，提供一个检查、确认、修改信息的机制。
6.可理解性
6.1.可理解性原则
网页的文本内容应可读、可理解，内容的布置和功能应便于用户理解和使用。
6.2.信息内容处理
6.2.1.不常用词语（等级4）
应提供一种机制来确定以非常规方式或受限方式使用的词或词组（包括习语和术语）的具体定义。
6.2.2.缩写词（等级4）
应提供一种机制来确定缩写词的展开形式或意义。
6.2.3.汉字（等级4）
应提供一种机制对汉字的生僻字加注拼音并解释含义。
6.2.4.一致的导航（等级4）
网页导航机制以一致的相对顺序出现，除非用户启动了某种变化。
6.2.5.一致的识别（等级4）
在一组网页中具有相同功能的组件可通过一致的方法被识别。
6.3.网页引导机制
6.3.1.网页标题（等级2）
网页应有描述主题或目的的标题。
6.3.2.章节标题（等级4）
网页应通过章节标题组织信息内容。
6.3.3.站内搜索功能和网站地图（等级3）
除了某一个网页是一个过程的结果或者一个步骤外，均应提供至少一种方式用以在一组网页中找到该网页，如：可提供站内搜索功能，或提供一个文本形式的网站地图。
6.3.4.用户位置（等级4）
应提供用户在一组网页中所处位置的信息。
6.4.帮助信息
6.4.1.帮助信息（等级2）
使用快捷键可获得与无障碍浏览相关的帮助信息。
6.4.2.帮助信息（等级5）
应为文本输入提供上下文相关的帮助。
7.兼容性
7.1.兼容性原则
兼容性原则包括：
——网页内容应足够强壮，可被各类用户代理（包括辅助技术）可靠地解析；
——网页应兼顾不同人群的不同需要，并保持良好的兼容关系。
7.2.无障碍网页兼容性
7.2.1.无障碍内容版本（等级1）
网站至少应有一个内容版本满足本标准相应等级的规定。
7.2.2.无障碍内容版本链接位置（等级1）
如果无障碍版本需要通过普通版本进入，则在普通版本上不符合无障碍要求的内容开始之前提供一个链接，该链接指向一个可以满足本标准规定的无障碍替代版本。
7.2.3.无障碍内容版本链接形式（等级1）
无障碍版本的进入链接应易于发现和使用。
7.3.用户交互兼容性
7.3.1.用户交互兼容性（等级1）
网站预留的联络方式，应支持不同类型人群的使用，帮助用户完成后续的信息交互操作。
7.3.2.用户交互兼容性（等级2）
网站预留的联络方式，应支持不同类型人群的使用，帮助用户完成后续的、基于互联网的、即时直接的信息交互操作。
7.3.3.反馈联络（等级1）
网站应预留联络方式，帮助用户反映网站无障碍使用中出现的问题。

2、网页中的无障碍阅读是怎么实现的

概述
根据中华人民共和国信息产业部发布的《信息无障碍身体机能差异人群网站设计无障碍技术要求》的相关标准为技术依据，中国云浮门户网站达到此标准第一等级及部分第二等级要求，并实现了强化级别的无障碍访问。
中国云浮门户网站的无障碍操作概述包含以下内容：
1、什么是信息无障碍？
2、什么是网页无障碍？
3、中国云浮门户网站无障碍功能？
4、弱视人群和老年人用户如何浏览中国云浮门户网站？
什么是信息无障碍？
所谓的信息无障碍是指无论健全人还是残疾人、无论年轻人还是老年人都能够从信息技术中获益，任何人在任何情况下都能平等地、方便地、无障碍地获取信息、利用信息。
什么是网页无障碍？
所谓的网页无障碍是指残疾人、有特殊需求的健全人可以获取网络上的任何信息，为了做到这一点，就要实现网页内容无障碍以及上网使用的辅助软件技术的无障碍。
中国云浮门户网站无障碍功能？
中国云浮门户网站主要实现了以下三个方面的无障碍功能：
1）无障碍强化导航功能
2）无障碍网站浏览辅助功能
无障碍强化导航功能包含哪些内容？
a）支持全键盘操作，无需依赖于鼠标；
b）栏目跳转，实现栏目分组间的跳转；
c）区域跳转，实现页面内各区块的跳转，主要包括：顶部导航区，左部导航区，中间内容区，主要内容区，底部内容区等区块；
无障碍网站浏览辅助功能包含哪些内容？
a）提供开启、关闭无障碍网站浏览辅助工具的功能；
b）提供无障碍纯文本转换模式；
c）提供文字大小控制功能；
d）提供高对比度显示功能；
e）提供辅助线辅助功能；
f）提供界面控制功能；
g）提供界面重置功能；
如何使用网站浏览辅助工具条？
本站提供了关闭和开启无障碍网站浏览辅助工具的快捷键，而且在网站首页顶部导航栏内，设有辅助工具条按钮，也可通过点击该按钮开启或关闭无障碍网站浏览辅助工具。
什么是纯文本模式？
在纯文本网页中，将网页中的图像等非文本内容转化成文本，并以线性化的显示方式从上到下显示，以满足具有不同访问需求人群的需求。进入纯文本模式后还可以通过点击切换为图文模式按钮返回正常模式。此外，专门为纯文本显示模式的转换功能提供了对应的快捷键，并且该组快捷键的使用不依赖于工具条的开启状态。
文字大小控制功能提供了哪几类控制模式？
文字大小控制按钮可以调整网页的字体大小，包括中等字体、大型字体、超大字体、还原字体等功能，该按钮缺省状态为中等字体，通过点击该按钮改变页面的字体大小和按钮状态。按钮状态改变顺序为：中等字体—大型字体—超大字体—还原（中等）字体。
什么是高对比度显示？
所谓高对比度是将当前页面网页的前景内容和背景的颜色对比调到最大，为弱视用户能够清晰地访问网页内容提供了帮助。
辅助线的作用是什么？
本站提供的辅助线是横竖两条红色的基准线，为视力障碍用户校队阅读的位置提供了帮助。
界面控制功能包括哪些？
网站浏览者可根据自己的需求自行调整网页界面的大小，界面放大是将网站当前页面显示比例放大，界面放大后网页内容也会随之变大；界面缩小：将网站当前页面显示比例缩小，界面缩小后网页内容也会随之变小。
重置功能的作用是什么？
网站浏览者在使用辅助功能更改网站页面后，单击重置按钮，可一次性将网站页面恢复到默认状态
弱视人群和老年人用户如何浏览中国云浮门户网站？
中国云浮门户网站专门为弱视人群和老年人用户提供了无障碍网站浏览辅助功能，网站用户可以通过网站浏览辅助工具自行调整页面文字的大小、高亮显示效果、辅助线的调用、对当前页面进行缩放，此外，浏览者还可以根据自己的需要选择网页无障碍的纯文本模式进行浏览。
无障碍操作说明
中国云浮门户网站为使盲人、老年人、弱视人群等特殊群体能够更加便捷的访问本网站，提供了以下快捷键设置（为适应不同读屏软件及浏览器在栏目跳转及热点区域跳转设置了两组快捷键）：
主体功能
a）工具条开关：快捷键(Alt+J)
b）纯文本与图文模式切换：快捷键（Alt+Shift+J）；
c）链接遍历：建议快捷键TAB
栏目跳转
a）栏目分组跳转快捷键：Alt+Z 或 Ctrl+Z；
b）栏目分组逆向跳转快捷键：Shift+Alt+Z 或 Ctrl+Shift+Z；
区域跳转
a) 跳转到顶部导航区快捷键：快捷键（Alt+Shift+1）(大键盘数字键)
b) 跳转到左栏内容区快捷键：快捷键（Alt+Shift+2）(大键盘数字键)
c) 跳转到中间内容区快捷键：快捷键（Alt+Shift+3）(大键盘数字键)
d) 跳转到右栏内容区快捷键：快捷键（Alt+Shift+4）(大键盘数字键)
e) 跳转到底部内容区快捷键：快捷键（Alt+shift+5）(大键盘数字键)
热点区域跳转
a) 跳转到帮助：Alt + 1 或 Ctrl + 1(大键盘数字键)
b) 跳转到主菜单(网站导航)：Alt + 2 或 Ctrl + 2(大键盘数字键)
c) 跳转到网站服务引导区：Alt+3 或 Ctrl + 3 (大键盘数字键)
d) 跳转到正文区域的快捷键：Alt+4 或 Ctrl + 4(大键盘数字键),跳转到正文区域后，再使用Tab键或向下方向键阅读内容
e) 跳转到网站地图：Alt + 5 或 Ctrl + 5(大键盘数字键)
f) 跳转到搜索区块：Alt + 6 或 Ctrl + 6(大键盘数字键)
常见问题及解答
1、本网站支持当今各大主流浏览器，在各大浏览器中均能看到良好的效果，其中网站浏览辅助工具条在不同版本的浏览器中可显示不同的功能。本网站所有功能在IE下运行效果最佳。
2、在网站浏览过程中，如遇到页面过大，导致未完全加载，会出现快捷键失效或提示信息错误的情况。此时请刷新并耐心等待页面完全加载，方可进行正常的浏览。
3、在网站浏览过程中，若遇到当前网页不可另存为...的情况，可改用其它浏览器进行保存，或直接保存为.TXT格式的文件。
4、在网站浏览过程中，若遇到快捷键失效或数字连接的情况时，可能原因是由于当前页面属于外链接内容，不属于中国云浮政府门户网的建设范围而导致。
5、在网站操作过程中，使用栏目分组快捷键进行操作，选中某一栏目分组后，按Tab键在该栏目分组中链接间进行切换，当再次按Alt+Z（或Ctrl+Z）键进行栏目分组间的跳转，此时，若出现快捷键失效的情况，可能是因为进入了不同结构的网页框架所致。此时用户可按Shift+Tab键倒退出当前栏目，则操作恢复正常。

3、关于网页无障碍设计，有哪些书籍推荐

如果对您有帮助，可以给个采纳吗，谢谢
关于网页无障碍设计的图书可谓寥寥无几。一方面没有强制规定，另一方面这确实是小众需求，一般的开发者很难想到或者体会到怎样的设计对残障人士才是真正的无障碍。
我对网页无障碍也很有兴趣，收集了一点资料：
1.w3c的规范：Web Content Accessibility Guidelines 1.0
2.腾讯的无障碍说明：腾讯网无障碍说明
3.<<在30天内打造更具亲和力的网站>>在线阅读：Dive Into Accessibility

4、无障碍网页设计是给哪些人士使用

1、视力障碍
视障人士无法看到电脑屏幕或在观看电脑屏幕时有困难。因此，网站应能配合使用屏幕阅读软件、屏幕放大器及色盲人士可看得到的颜色。

2、身体残障
身体残障人士无法透过正常方式，使用键盘和滑鼠操作电脑。身体有不同残障的人士，所遇到的问题亦各有差异，例如肢体不灵活的人会难以控制滑鼠，丧失肢体的人士则可能完全无法使用滑鼠或键盘，而癫痫症患者可能会对闪动的影像有过敏反应。
因此，应设计较大的按钮，方便这些人士点击，而且不要将重要项目放在太接近，以免他们错误点击项目。
此外，应确保网站可以配合使用辅助技术，例如语音控制软件，这样残疾人士便能够透过语音指令操控网站。

3、听力障碍
随着网上视像和声音内容日益增多，因此应探究这种情况如何影响失聪人士。如果资讯通过声音传递，便应确保有其他途径让他们接收到这些资讯。
做法很简单，就是为声音内容提供文字稿或在视像内容配上字幕。文字稿同时也惠及视障人士。

4、认知和学习障碍
尽管认知障碍难以界定，但这一般都涉及有特定学习困难的人士或精神病患者。与一般人比较，这些人士在进行思维工作时存在更大困难。
即使他们在使用网站时不需要任何特殊工具，但与一般人比较，他们可能会觉得网站内容难以理解。当机构编撰网站内容时，应留意这一点。

5、无障碍的网站信息无障碍

《无障碍环境建设条例》第三章明确规定：“县级以上人民政府应当将无障碍信息交流建设纳入信息化建设规划，并采取措施推进信息交流无障碍建设。”“县级以上人民政府及其有关部门发布重要政府信息和与残疾人相关的信息，应当创造条件为残疾人提供语音和文字提示等信息交流服务。”
各省残联要加快开展残联系统网站无障碍服务工作，发挥示范带动作用，协调推进政府部门和社会公共服务机构网站的无障碍改造。残联系统网站要依据国家发布的网站无障碍技术标准进行逐步改进，省级残联网站在“十二五”期间要基本实现网站无障碍服务。残联系统网站在积极开展全站无障碍设计改进和无障碍内容建设的同时，还可通过增设语音信息通道、网站辅助浏览工具等无障碍技术手段，方便盲人、低视力、色弱、老年人等其他特殊需求人群的访问。

6、什么是无障碍产品设计？

「无障碍设计」、「福祉设计」、「全人关怀」等影响乃是Universal Design思潮兴起的背景因素。生活环境中有著各式各样关系的存在，可汇整成「人」－「产品」－「环境」三者间的关系，这些种种「关系」的探讨，可说是「关系」的设计，而「关系」的思考方式，同时也是Universal Design「在最大限度的可能范围内，不分性别、年龄与能力，适合所有人使用方便的环境或产品之设计」的原点。
·设计师个人作品集火热申请中！ ·查询网站排名推荐您用Chianz排名查询·“论吧”正式上线 欢迎参与主题讨论 ·全球经典酷站推荐欣赏 ·矢量素材 给设计师提供强大后盾 ·加入设计师论坛，精彩无限 ·设计网址大全，免费收录所有设计站点1. Universal Design的定义与译名「Universal Design」一词最早由美国教授Ron Mace于1974年国际残障者生活环境专家会议中所提出。Ron Mace除了是建筑师兼工业设计师外，他本身也是小儿麻痹症的患者。「Universal Design」原始的定义为「与性别、年龄、能力等差异无关，适合所有生活者的设计」（注1）。1998年The Center for Universal Design（注2）再修正为「在最大限度的可能范围内，不分性别、年龄与能力，适合所有人使用方便的环境或产品之设计」。 研究推广并落实Universal Design，其中文译名是必要的。若照字面翻译成「宇宙设计」则令人不知所云。现在国内有关Universal Design的翻译常见的有「通用设计」、「共通设计」、「全方位设计」、「人本设计」…。依照教育部国语编辑委员会所编之国语辞典解释可知「通用」之意为没有时、地、人的限制，可以共同使用；「共通」为可以互为流通使用；「人本」则是以人为本的精神；「全方位」为不拘泥于一处，考虑及包容每个层面。所以「以人本精神为基础的全方位设计」比较接近其意涵内容；其实设计的原点，本来就是以「人」为基点的考量来进行设计活动，所以「全方位设计」一词较能充分表达「Universal Design」的精神及意义。 2. Universal Design兴起的背景 与Universal Design一词接近的是Barrier Free Design。美国经历过二次世界大战、朝鲜战争、越南战争，又于1940年代后半小儿麻痹症大流行，促使社会正视退役军人及残障者回归社会工作时所面临的种种障碍，于是无障碍设计逐渐受到重视；亦于1990年颁布ADA（America with Disability Act）法案，更落实了人道主义的「全人关怀」；加上近来因医疗技术与设备的进步，提高平均寿命的结果，使得高龄化社会的来临，而逐渐重视的「福祉设计」等背景因素之影响，至今「无障碍设计（Barrier Free Design）」的观念已是设计时必须考虑的要素之一。但由设计行为或思考的视点而言，无障碍设计面临一个新的局面，那就是在探讨无障碍设计时，不单是生理层面的无障碍，应包含心理层面无障碍的全人关怀设计。在此思潮下提出Universal Design，乃潮流所趋的必然结果。 3.生活环境与「关系」的设计 设计并非表现个人内在的纯艺术，也不光以技术为导向，追求机能性为目的。设计行为除了以艺术的感性、表现力与科学的理性、技术力为基础，考虑人的生理与心理、社会及文化、经济等层面之关联性外，同时也是对应人们多样化需求的具体表现。「设计」具有综合的性格，支援设计行为进行的设计科学，虽划分各式各样的专业领域，其实也具有跨领域的特性。而各设计领域则是透过资讯情报、产品、空间等具体表现来支援人们的日常生活；其结果使我们的生活环境形成了所谓的 「人工环境」（Human-made Environment）。例如∶资讯情报经由多样化的媒体来传达、表现，人们不仅生活在人工物所建构的环境中，也生活在媒体所形成的环境（资讯情报环境）中；人无法离群索居，所以「个体」与「群体」的关系建构，即社会环境；我们的日常生活也受到风土民情、习惯、流行、传统等文化环境影响；以上可统称为生活环境，而自然环境则在外围支撑著生活环境。 各设计专业领域的最终目的，其实是一致而有共通的基盘，即改善人们的生活品质及提高效率。改善人们的生活，首先必须要重视使用者（User）的使用意识与使用目的。使用者因有性别、年龄、能力、身体特色等差异性，形成不同而多样的需求。所以探讨使用者与使用者的关系、使用者与产品的关系、使用者与空间环境的关系…，即「人」-「产品」-「环境」三者间所产生的关系探讨有其意义性；这些种种「关系」的探讨，可说是「关系」的设计。

7、如何设计无障碍网页

全网站遵循WCAG2.0进行无障碍网页设计，符合XHTML1.0技术规则，适用于盲用读屏软件。
1、全网站页面可用键盘操作，不限于鼠标。
2、网站设置导盲砖快速键（:::），使用者可快速到达各主要区块。
3、网页图片均标示文字说明。
4、所有链接均添加提示文字。
5、对于网页色调，框架、语言等提供了相应的改造办法。
无障碍功能使用说明:
网站页面分为四大区块：左侧选单区；主要选单区；右侧选单区；头部连结区。
快捷键设定如下：
Alt+C ：左侧选单区，此区块呈现各网页的左侧内容。
Alt+B ：主要选单区，此区块呈现各网页的主要内容。
Alt+N ：右侧选单区，此区块呈现各网页的右侧内容。
Alt+E ：头部连结区，此区块列有本网站的首页头部连结。
方式二：采用网站自动发声技术，提供语音版网站。
将网站中英文网页文字信息直接转换成标准流畅的语音文件，用户无须安装或下载任何软件便能通过浏览器听取网页内容，并可通过键盘数字键任意选择不同频道和栏目。
方式三：提供网站浏览辅助工具，适用于视力有障碍人群、认知能力有障碍的残疾人和老年人。
1、自动朗读网页内容；
2、对网页的显示比例、文字及背景颜色进行定制；
3、支持网站的多语言版本；
4、提供语速调整、音量调整、放大显示等个性化设置。

8、无障碍设计主要包括哪些内容？

无障碍设计主要包括以下内容：
1）  城市道路无障碍设计：缘石坡道、盲道、公交车站、人行天桥和地道、桥梁、隧道、立体交叉。
2）建筑物无障碍设计：建筑入口、坡道、通路、走道和地面、门、楼梯与台阶、扶手、电梯与升降平台、公共厕所、专用厕所和公共浴室、轮椅席位、无障碍客房、停车车位、无障碍住房。
 详见[《城市道路和建筑物无障碍设计规范》 JGJ150-2001]

9、无障碍设计的通用设计

无障碍设计与通用设计有相似之处，因为通用设计是为所有人所通用的设计，但无障碍设计所针对的重点是从残疾人和老年人。但随着无障碍设计的发展，人们越来越多的认识到它的局限，所以当今的无障碍设计正在向通用设计所靠拢。而因为无障碍设计在中国出现较晚，所以大多数人将无障碍设计等同于通用设计。