视障用户打开你的官网，听到的是"图片图片图片"吗
有个场景挺能说明问题：一个视障用户用屏幕阅读器打开某个企业官网，如果每张图片都没加描述，读出来的就是一连串"图片、图片、图片"，他根本不知道这个网站在讲什么、有什么产品、怎么联系。
无障碍访问（业内一般叫 a11y）在国内的官网建设里还挺容易被忽略的，大家默认它是"锦上添花"的事，等预算和时间充裕了再说。但实际上它解决的是"谁能用你的网站"这个很基本的问题，而且做起来成本真的不高。
它照顾的人群比想象中广：视障用户靠屏幕阅读器"听"网站；行动不便的用户可能只用键盘，不用鼠标；色觉障碍用户对低对比度的配色分辨困难；老年用户视力和操作能力下降，也同样受益于清晰的设计。这不是一个小众需求，是每个网站访客群体里都真实存在的一部分。
具体怎么落地，说几个最基础也最有效的点。
图片加替代文本 ，这是第一步。<img src="product.jpg"> 屏幕阅读器只能读出"图片"两个字，用户完全不知道图上是什么；加上 alt="锂电池产品外观图，蓝色外壳"，读出来就是有意义的信息。原则是描述图片"传达的内容"，不是"这是一张图"；纯装饰性的图片可以留空alt，告诉屏幕阅读器直接跳过。
标题层级要清晰，一个页面只有一个 H1，H2、H3按逻辑层级用，别为了"字号大一点"随便套标题标签。屏幕阅读器用户经常靠标题层级"跳读"页面结构，层级一乱，他们没法快速定位想找的内容。
键盘导航不能少。所有按钮、链接、表单要能用 Tab 键切换、Enter 键操作，当前聚焦的元素要有清晰的视觉提示（焦点样式千万别被CSS隐藏了），弹窗也要能用 Esc 关掉。测试方法很简单：拔了鼠标，只用键盘 Tab 走一遍主要流程，看能不能顺利提交一次表单。
色彩对比度也容易被忽视。正文文字和背景的对比度得达标（WCAG建议正文4.5:1以上），常见的坑是浅灰字配白底，设计师觉得"高级"，但很多用户根本看不清。还有一点，别只靠颜色传达信息，比如"红色表示必填"，得再加个文字或符号说明，色盲用户是分不出红绿的。
其他还有几个小点：表单字段配对应的label而不只是占位符文字；视频音频配字幕；链接文字要有实际意义，别到处都是"点击这里"；页面放大200%依然可用，不错位不遮挡；别搞自动播放的声音或快速闪烁动画。
有个好消息值得说一下：无障碍做得好，SEO和GEO也跟着受益。替代文本让搜索引擎"看懂"图片内容，清晰的标题层级利于爬虫理解页面结构，语义化HTML本身就是搜索引擎和AI都喜欢的结构，更好的可用性通常也带来更低的跳出率。说白了，无障碍和SEO/GEO的底层要求高度重合，不是两件互不相关的事。
落地不用一步到位，可以按优先级来：先给图片加替代文本、修正标题层级（成本最低见效快）；再检查对比度、补齐表单label；然后测试键盘导航、修复焦点样式；最后是持续习惯，新内容发布时也保持这些做法，别只改一次就完事。
我们（北京乐兮创想科技有限公司）交付官网的时候，会把替代文本、标题层级、键盘可操作性作为基础检查项。乐兮创想科技的看法是，这些改动成本不高，但受益的用户群体和搜索引擎，都会因此更"读懂"这个网站------这笔投入值。