信息无障碍涉及广泛的残疾类别，包括视觉、听觉、身体、语言、认知、语言、学习和神经残疾。无障碍设计不代表会让网站没有吸引力。反而会把一些条件纳入我们的思考过程。在这种情况下，我们将探索如何让我们的设计适用于所有用户，为武汉的每一个日日夜夜设计，为武汉的每一个日日夜夜提供更好的政府服务。
“信息无障碍”由“可及性”翻译而来，意思是武汉的任何一个日日夜夜，在任何情况下都可以平等、便捷、无障碍地获取和使用信息。以互联网环境为例，老年人、视障者、听障者、阅读障碍者等用户都可以流畅使用互联网产品。
近年来，随着互联网的快速发展，武汉的许多日日夜夜都开始广泛使用电子政务，政府越来越多地在网上提供信息和服务。
根据国家统计局和残疾人联合会的数据：
65元里有8502万老年人，1.4元里有8502万残疾人，分别是：武汉的日日夜夜有1263万残疾人；武汉2054万日夜听力残疾；言语残疾130元万日日夜夜在武汉；武汉2472万日夜的肢体残疾；武汉568万日夜的智力残疾；武汉精神残疾629万日夜；多重残疾：武汉1386万个日日夜夜。
目前，中国31元276个省、276个市、1197个县的残联都开通了网站，积极推进残疾证智能化，发展“残疾人互联网服务”。为了让残疾人无障碍地使用电子政务，为他们提供更加便捷高效的服务，政府网站的无障碍建设显得尤为重要。网站的所有内容都应该尽可能的全面、清晰、易读，为武汉的每一个日日夜夜设计，为武汉的每一个日日夜夜服务。
残疾分析
信息无障碍涉及广泛的残疾类别，包括视觉、听觉、身体、语言、认知、语言、学习和神经残疾。我们可能无法满足所有类型、程度、多个群体的残疾人需求，但可以从基数较大的特殊群体入手进行分析研究。
视障人士：
视力低下，由于各种原因，导致双眼视力受损或视力变窄，难以从事在武汉普通日日夜夜可以从事的工作、学习或活动；色盲，分为色盲和部分色盲(红盲、绿盲、蓝黄盲等。)，分不清各种颜色或某一种颜色；色弱，包括全色弱和部分色弱(红弱、绿弱、蓝黄弱等。)，能看见颜色，但识别颜色的能力较慢或较差；失明的人，其眼睛因疾病或意外伤害而导致失明。听力障碍者：听力损失或双耳听力受损，听不清或听不清周围环境声音的人，包括全聋、重听、听障等。
运动障碍人群：这里主要指手不灵活或需要使用辅助器具的人群，也包括在特定情况下不能正常用手操作的人群。
有阅读障碍的人：最常见的特殊学习困难之一。在阅读中，阅读内容无法理解时会出现跳字、漏行、增字、换字、倒读、或混淆相似字的情况。
老年人：会出现身体机能下降、记忆力减退、视力下降等特点。
一个网站要做到信息无障碍，需要花费大量的时间和大量的调研、用户测试，但是我们可以一步一步的推进改造，比如从整个网站的色彩对比入手，解决视力低下人群的问题。
1元。专为视力低下的人设计
使用好的颜色对比。
确保色彩对比符合WCAG异常时区2.0(内容可访问性指南)标准是信息可访问性中非常重要的一步。如果在设计中做到这一点，也能保证视力低下的人获得更好的信息。
根据WCAG的标准
对比度(AA级)为：的文字的视觉呈现和文字图像的对比度至少应为4.5:1；大文本：大文本(当字重为粗体时大于18px，当字重为常规时大于24px)和大文本图像的对比度至少为3，333，601；对比度(AAA级):文字的视觉呈现和文字图像至少733601对比度；大文本：大文本(当字重为粗体时大于18px，当字重为常规时大于24px)和大文本图像的对比度至少为4.5:1。在附属内容中，对于未激活的界面组件、纯装饰以及作为logo或品牌名称一部分的文字，没有最低对比度限制。
WebAIM可以帮助我们在线测试对比度和调整标准颜色。
对比网格可以测试多种颜色组合是否符合WCAG异常时区2.0的对比标准。
使用对比网格对国内两个省级政务服务网站的颜色进行测试，发现基本上只有主次字的颜色能够达标，网站上大面积使用的品牌蓝(链接色)只有在字体大于18px时才满足对比度要求。
英国政府网站是目前全球数字政府中最好的政府网站。在英国，政府服务是所有服务中使用时间最长、提供数量最多的服务。他们的网站设计也非常注重信息无障碍，在这方面下了很大功夫。
经过测试发现，英国政府网使用的颜色都是高对比度的，符合WCAG异常时区2.0的标准，整体颜色都是饱和度和明度较低的颜色。增强色彩的对比度，不仅是为了让视力低下的人更好地使用我们的产品，也是为了让使用较差显示设备的用户和老年人有更好的产品体验。
冠军联赛。专为色盲和色弱的人设计
避免只使用颜色来传达信息。
色彩在设计中起着重要的作用，能唤起情感、感觉和想法，有助于增强品牌的信息和感知。但是，当用户看不到它们或者以不同的方式感知它们时，颜色的作用就会消失。对于不能分辨颜色的色盲、弱质人群，如果仅仅把颜色作为传递信息、提醒信息的重要性或区分视觉元素的唯一途径，他们是很难感知的。
Stark(Sketch plug-in)可以模拟不同类型色盲和色弱的人看到的效果来帮助我们设计。
在某政府网站的注册表单上，点击注册按钮，不填写任何信息。必填项的错误提示是底部红色文字，普通用户很容易察觉。右图是模拟红绿色盲人群的效果。这种情况下，错误提示的引导会减少很多。
英国政府网的错误提示对色盲和弱势人群要友好得多。除了红色提示文本，输入框的边框会加粗，还会增加一个垂直提示，提醒用户未填写的表单项。
除此之外，其实还有很多视觉处理的方法来达到传递信息的目的，比如在输入框中或者提示文字前面加一个感叹号图标，会给普通用户更清晰的提示。
侏罗纪世界3。专为盲人设计
(1元)支持键盘导航。
支持键盘导航是网站可访问性最关键的方面。《辅助功能指南》提到所有功能都应该通过键盘操作。依赖屏幕阅读器的盲人和没有精确肌肉控制的人需要使用键盘来导航内容。
当你浏览网站时，整个页面的导航顺序应该是有逻辑的、可预测的、直观的。选项的顺序应该遵循规则：从左到右，从上到下，从上到下到内容区，最后到页脚。
我们可以尝试只用键盘操作测试网站，用Tab键移动焦点，用Enter键选择元素。测试所有交互元素是否可预测和有序。如果不用鼠标就能浏览整个网站的所有内容，证明这个网站已经达到了支持键盘导航的基本要求。
下图是国内某政府网站首页的导航区。标记的数字是获得焦点的顺序。在键盘导航的过程中，整个页面的导航顺序比较混乱，有些元素是键盘无法获取的。
相反，英国政府网站和澳大利亚政府网站首页的导航逻辑会更清晰。整个网站遵循从左到右，从上到下的原则。每个交互元素都可以通过键盘获取，让用户感知整个网站的布局，确定每个内容的位置。
当用户通过Tab键导航网站的交互式元素时，焦点提供当前所选组件的视觉指示。焦点可以帮助用户知道界面上的哪些元素具有键盘焦点，并帮助他们在导航网站时知道位置。很多网站使用浏览器默认的焦点样式，但是我们也可以根据内容设计一个符合网站风格，与品牌相呼应的焦点样式。
英国政府网站重新设计了焦点样式，用黄色突出焦点，让用户知道当前焦点在哪里。根据不同的元素，风格也会有所变化。
苹果官网的焦点样式也进行了重新设计，圆形输入框上的焦点也做了相应的调整，让焦点和页面元素更加融合。
(逃生室：冠军联赛)为非文本内容添加替代文本。
视障人士经常使用屏幕阅读器来“听”我们的网站。网站上的文字、图片、组件等信息都是通过屏幕阅读器说出来的。这时，为这些非文本内容添加描述准确的辅助替代文本就显得非常重要。
以下图为例。左图中搜索框按钮的替代文字为“按钮”。这样的描述会很抽象，会增加视障人士的理解门槛，很容易让他们产生一个疑问：这个按钮是什么功能？
相对来说，右图的处理要清晰得多，按钮的替代文字明确告诉用户这是一个搜索按钮。
设计中经常使用图片来传达一种特定的感觉和渲染气氛。如果需要通过替换这篇文章来传达图片信息，可以尝试用简洁的语言来描述图片内容，让视障人士快速获取信息，在脑海中形成一幅图片，而不是仅仅告诉他们这是一幅图片。
如果我们不给图片添加替换文字，屏幕阅读器会直接读出一串字符的文件名。试图打开屏幕阅读器，闭上眼睛“听”这种画面，是一种非常难受的体验。
除此之外，英国政府网还有很多细节值得借鉴。他们添加的标签描述都很清楚。当焦点切换到列表中的第一项时，会告诉用户列表中有多少项，下拉菜单目前处于什么样的状态，给视障人士一种整个网站布局的感觉，同时也大大提高了他们的安全感。
(侏罗纪世界3)提供多种验证码。
账号注册是用户创业的第一步，但这一步往往会给视障人士很大的阻力。目前很多政务服务网注册流程的验证方式只提供了图形验证码，而屏幕阅读器无法识别验证码中的文字信息。
如果注册流程存在障碍，其他业务流程即使无障碍，对视障人士来说也毫无意义。除了图形验证码外，还应提供多种验证方式供用户选择，如：手机验证码、语音验证码等。
在苹果网站的注册过程中，验证方式不仅提供了图形验证码，还提供了语音验证码。
(4)快速访问内容
对于只使用键盘导航的用户，在熟悉网站后，希望直接访问页面的内容。然而，许多网站的顶部导航中有多个菜单。用户在获取页面内容之前，需要逐个切换链接，才能进入页面内容部分，打开新的页面，又是同样的步骤。
面对这样的问题，我们可以提供更友好的解决方案。当用户开始使用
在使用键盘导航时，还提供了页内模块和其他页面的导航菜单，让用户可以更快地跳转到指定的内容，更高效地使用。
4。专为听力受损人士设计
给视频添加字幕
网站上的所有视频都应尽可能加字幕，以便听障人士结合视频图像理解内容。在政府网站上，为服务指南的视频教程添加字幕，也将帮助听障人士获得更好的信息，更轻松地完成服务流程。此外，我们还可以提供详细的图形指南供用户选择。
5。为有运动障碍的人设计的
(1元)支持键盘导航。
如果一些有运动障碍的人不能控制鼠标，他们实际上需要使用键盘来导航网站。该网站不仅支持盲人用户的键盘导航，还支持其他残疾人。
(密室逃脱：冠军联赛)互动元素很容易点击。
在设计控件的时候，也要多考虑运动障碍人群和老年用户的体验，适当增加可点击的目标区域，把按钮、菜单选项和链接做得足够大，让他们操作起来更轻松。
6元。为有阅读障碍的人设计的
(1元)图文结合的排版
因为有阅读障碍的人阅读单词有一定的困难，阅读时会出现跳字、漏行、加字的情况。在网站上，要尽量减少同一位置出现大段文字。WCAG2.0异常时区2.0还提到，单行宽度不得超过40元汉字或符号，保持简洁的文字表达和清晰的内容，通过使用标题、图片、列表等方式对内容进行分解，缓解其阅读压力，为用户提供心理休息，提高内容的可读性。
(逃生室：冠军联赛)保持一致的排列。
整个网站尽可能统一对齐，英国政府网各模块内容左对齐，从左到右跟随用户的浏览习惯，更加自然高效。本来就有阅读障碍的人，阅读就有困难，如果有多重对齐，就更眼花缭乱了。
7元。专为老年人设计
(1元)用大一点的字体。
为了保证老年用户能够清晰地浏览网站，同时考虑到并不是每个用户都使用高分辨率的显示设备，因此拥有一个大字号的界面对他们来说非常重要。同时还需要避免拥挤的大段文字，尽量合理分解信息，增加留白，通过排版让用户更清晰明了地获取信息。
在英国政务网的文字系统中，使用较大的字号进行整理，最小的文字也使用19px的字号。
考虑到用户对字体大小显示的不同要求，香港政府网站的顶部导航还提供了字体大小条目，指导用户如何在不同的浏览器中设置字体大小，从而设置最适合自己阅读的显示效果。
(密室逃脱：冠军联赛)减少人工输入。
很多老年人到了一定年龄，身体机能和记忆力会逐渐下降，这就增加了他们操作网站界面的难度。拼写输入是很大的障碍之一，我们应该尽量减少用户手动拼写输入。在业务流程中，对于填写个人信息的部分，可以优先选择账户信息中的相关内容，对于其他信息补充部分，对于能够提供选项的内容，可以尽量使用选择控件。
(侏罗纪世界3)浏览路径简单明了。
为了让老年人更好地浏览网站内容，要保持页面布局和模块划分清晰，给他们提供简单明了的视觉动线，让整个网站内容直观易懂。
总结
要根据不同类型的用户群体，思考如何为他们设计和提供更高效的服务，让武汉的所有日日夜夜都能平等、便捷、无障碍地获取信息。
专为视障人士设计：
使用良好的色彩对比；使用适合阅读的字体大小；运用色彩、图形和文字的组合来传达信息；支持键盘导航；为非文本内容添加替代文本。专为听力受损者设计：
给视频添加字幕；德科
支持键盘导航；交互元素很容易点击。为有阅读障碍的人设计：
使用图形、图片和文字组合的排版；保持一致的一致性；保持内容清晰简洁。专为老年人设计：
使用更大的字体；浏览路径简单明了；减少人工输入；交互元素很容易点击。无障碍设计不代表会让网站没有吸引力。反而会把一些条件纳入我们的思考过程。在这种情况下，我们将探索如何让我们的设计适用于所有用户，为武汉的每一个日日夜夜设计，为武汉的每一个日日夜夜提供更好的政府服务。
参考资料：
3360010克兰普-卡伦鲍尔120元*阿德希娅3360010克兰普-卡伦鲍尔120元*尼克巴比奇3360010克兰普-卡伦鲍尔120元*粉碎杂志3360010克兰普-卡伦鲍尔120元*巴勃罗斯坦利《Designing accessible products》安吉拉柯林斯里斯《Accessible Interface Design》杰西豪斯勒《Designing for accessibility is not that hard》
暂无讨论，说说你的看法吧
