网页无障碍设计（无障碍网站建设）

本文目录一览：

• 1、无障碍网页设计是给哪些人士使用
• 2、UI设计无障碍阅读(WCAG)技巧-字体对比度
• 3、网页中的无障碍阅读是怎么实现的

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

无障碍设计（Accessible Design）旨在创造一个可以让所有人，包括年老体弱、行动不便、视觉障碍、听力障碍以及认知障碍等人群，都能够方便使用的空间和产品。

无障碍版网站是指视力残障人士和听力残障人士可以利用互联网方便地、无障碍地获取信息、浏览网页信息。

听障人士：双耳听力丧失或听觉障碍，听不到或听不清周围环境的声音，包括全聋、重听、听力弱化等人士。运动障碍人士：这里主要指手部不灵活或需要使用辅助设施的人士，也包括在某些环境下，不能正常通过手部操作的人士。

总之，无障碍设计要求各方面的社会和物理环境都能够为所有人包括残障人士、老年人和其他特殊需求群体提供平等、安全和便利的使用和参与机会。这些要求可以促进社会的包容性和参与度，确保每个人都能够享受基本权利和平等待遇。

基于对人类行为、意识与动作反应的细致研究，致力于优化一切为人所用的物与环境的设计，在使用操作界面上清除那些让使用者感到困惑、困难的“障碍”（barrier），为使用者提供最大可能的方便，这就是无障碍设计的基本思想。

UI设计无障碍阅读(WCAG)技巧-字体对比度

1、最好的对比度是7：1。字号较大的文本（14号粗体、18号字体以上）应该至少有3：1的对比度。 不好：这些文本行不符合对比度的建议，难以阅读。 好：这些文本行遵循对比度的建议，清晰可辨。

2、鉴于此，产品设计中应充分考虑各种使用场景及视障人群的使用体验。

3、其实很多流行的UI库早已植入了相关特性，比如 Bootstrap 。另外，拿一款像样的、依照WCAG标准开发的辅助工具用来做测试也是必须的，比如苹果的VoiceOver、谷歌的Talkback，我推荐开源免费的 NVDA ，它完全依照WCAG规范来设计。

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

1、无障碍浏览工具，是指为视力障碍人群（不包括盲人）提供的用来辅助浏览的模块。该功能为老年人提供字体放大缩小、页面放大缩小功能。为斜视人群提供辅助线功能。为色盲色弱人群提供色彩高对比度功能。

2、网站浏览者可根据自己的需求自行调整网页界面的大小，界面放大是将网站当前页面显示比例放大，界面放大后网页内容也会随之变大；界面缩小：将网站当前页面显示比例缩小，界面缩小后网页内容也会随之变小。

3、用户点击网页右上侧的【无障碍】功能，就可以进入无障碍模式了。进入无障碍模式后，就可以看到上方一排的功能，提供语音朗读、语速调节、阅读方式、配色、放大/缩小、鼠标样式、十字线以及大字幕等多种选项。

4、通过语音读屏，读出网站上的信息。无障碍全程导航 ：盲人全程导航通过数字键导航功能为视障浏览者在无读屏辅助软件的情况下通过导航语音的方式进行网页内容的浏览，该浏览的方式只要通过按选计算机键盘的相应数字键即能完成。

5、首先在我们的电脑桌面上找到QQ浏览器并点击它，如下图所示。然后点击屏幕右上方的三条横杆，如下图所示。接着点击设置，如下图所示。然后点击高级，如下图所示。