前阵子一位做养老服务的客户跟我们说，他们官网的咨询量一直上不去，后来让家里老人试着用了一下才发现：字太小看不清，电话号码是图片点不了，表单提交按钮藏在页面最下面。这就是典型的网站无障碍问题。很多企业觉得网站无障碍是政府网站才要做的事，其实只要你的客户里有中老年人、视力不好的人，或者习惯用手机读屏功能的人，这件事就和你有关。
网站无障碍到底指什么
简单说，网站无障碍就是让不同身体条件的人都能正常获取网站信息、完成操作。对象包括老年人、视障人士、听障人士、手部操作不方便的人，也包括在强光下看手机、单手操作的普通用户。
适老化网站是其中一个方向，侧重解决老年人看不清、找不到、点不准的问题。视障友好则更多依赖读屏软件，网页结构要让软件能正确读出来。两者思路相通，很多改动一次就能兼顾。
企业官网最常见的网站无障碍问题
我们给客户检查旧网站时，下面这些问题出现得最多：
- 正文字号偏小，浅灰色文字放在白色背景上，对比度不够；
- 重要信息做成图片，比如电话、地址、产品参数，读屏软件读不出来，也无法复制；
- 图片没有替代文字，读屏时只能听到“图片”两个字；
- 按钮和链接太小、挨得太近，老人一点就点错；
- 轮播图自动切换太快，还没看完就换走了；
- 表单只用颜色提示错误，没有文字说明哪里填错。
这些问题单看都不大，加在一起，就会让一部分用户直接放弃。
适老化网站可以从哪几处改起
文字和颜色
正文字号适当放大，行距宽松一些，文字和背景要有明显的明暗对比。可以在页面上提供字号调节按钮，但更重要的是默认状态就要看得清，而不是让用户自己去找设置。
图片和多媒体
每张有信息的图片都要写替代文字，说明图里是什么。产品图写产品名称和用途，流程图把关键步骤用文字概括。纯装饰的图片可以留空，避免读屏软件念一堆无关内容。视频最好配字幕，方便听障用户和在公共场所静音观看的人。
操作和交互
按钮做大一点，间距留够，点击区域不要只有一个小图标。电话号码做成可以直接拨打的文字链接。网站要能用键盘顺序切换焦点，当前选中的元素要有清晰的高亮框，这一点对读屏用户很关键。
表单设计
每个输入框都要有明确的文字标签，不要只靠框里的灰色提示字。出错时用文字告诉用户哪个字段、怎么改。验证码尽量选择对老人更友好的方式，图形识别太难的话，很多人会卡在这一步。
网页结构也影响无障碍
读屏软件是按照网页代码的结构来读的。标题层级要正确，一个页面一个主标题，下面再分二级、三级标题；导航、正文、页脚用合适的标签区分；列表就用列表标签，表格要有表头。
这些规范和搜索引擎优化的要求其实是一致的。结构清楚的网页，搜索引擎更容易理解，读屏软件也更容易读，所以做网站无障碍顺带也帮了网站优化。
怎么自查网站无障碍情况
不需要很专业的工具，先做几个简单测试：
图 1：不用专业工具，四个简单测试就能发现大部分问题。
- 把手机字体调到最大，看页面排版会不会乱、文字会不会被截断；
- 打开手机自带的读屏功能，闭上眼听一遍首页，看能不能听懂；
- 不用鼠标，只用键盘的 Tab 键在页面里切换，看能不能走完一次咨询流程；
- 请家里的长辈实际用一次，记下他们卡在哪里。
浏览器也有一些免费的检测插件，可以批量找出缺少替代文字、对比度不足这类问题，作为补充参考。
结论
网站无障碍不是额外的负担，而是让更多人能顺利看懂你的网站、联系到你。企业官网优先解决字号对比度、图片替代文字、按钮大小、表单提示和网页结构这几处，花的成本不高，受益的用户却很多。蔚岚科技在网站建设和改版项目中可以按适老化和无障碍要求设计页面，想给现有网站做一次检查，可以拨打 18720919319 或在联系我们留言。
常见问题
企业网站必须做无障碍改造吗？
普通企业网站目前多是自愿优化，但客户里中老年人多的行业，比如医疗、养老、公用事业、金融服务，做了以后体验改善很明显，建议优先考虑。
适老化改造要重做整个网站吗？
不一定。字号、颜色、替代文字、按钮大小很多可以在原有网站上调整；如果网页结构问题很多，结合改版一起做更划算。
加一个“无障碍工具条”插件就够了吗？
工具条能提供放大、读屏等辅助功能，但替代不了网站本身的结构和设计。图片没有说明、按钮太小，这些问题工具条解决不了。
网站无障碍会影响页面美观吗？
不会必然影响。对比清楚、留白合理、按钮醒目，本身就是好设计的一部分，很多改动普通用户看了也更舒服。
怎么知道改完以后有没有效果？
可以对比改造前后的咨询量、表单提交量和页面停留时间，也可以再请老年用户和读屏用户实际试用，听听他们的反馈。