早期,SEO人员常将可访问性与排名划等号。我们专注于算法,认为对残障用户友好的网站同样利于Google抓取。为此大量使用alt属性,虽利用了搜索引擎依赖机制,却往往过度优化而忽视真实用户体验。
如今Google高度重视无障碍性,其教育门户提供了构建无障碍页面、产品及应用的详尽指南。Google致力于在自然搜索结果中呈现最佳网站,而在2020年,优质网站必然具备可访问性。这几乎已成为明确的排名信号,因此SEO从业者必须深刻理解并融入这一理念。
Google Lighthouse
在我公司的技术审计中,无障碍性问题普遍存在。
以移动端捏合缩放为例,该功能旨在辅助内容浏览。我曾调研100个热门电商网站,发现17个不支持此功能。若移动用户无法放大查看内容,极易流失订单。
幸运的是,Chrome内置的Lighthouse工具让学习变得简单。打开待审计网页,右键选择“检查(Inspect)”。点击顶部菜单的双箭头(>>)展开选项,选择“Audits(审计)”即可进入Lighthouse界面。选择“Accessibility(可访问性)”类别并点击“Generate Report(生成报告)”,片刻后即可获取结果。
此Lighthouse报告中的两个红色箭头会展开,提供失败元素的详细信息。
Lighthouse涵盖的关键无障碍项目包括:
- 表单元素:代码需包含描述用途的标签(如“名字”)。对于无可见文本的元素(如复选框或搜索放大镜),应使用aria-label属性,例如:<button aria-label="search"></button>。
- 链接文本:链接应包含有意义的描述文字(如“点击查看购买指南”而非仅“点击此处”)。缺乏明确文本时,同样需使用aria-label。
- 颜色对比度:避免相似色搭配(如白底浅灰字)。Google要求文本对比度至少为4.5:1,设计阶段即应遵循此标准。可使用Contrast-ratio.com等工具辅助检测。
- 语言属性:正确设置代码语言属性,确保屏幕阅读器准确识别。
- 键盘访问:所有交互元素(表单、链接等)必须支持键盘操作。若无法通过“Tab”键激活,则不具备无障碍性。
超越排名
网站无障碍性的价值远超搜索排名。它不仅帮助视障用户平等享受互联网,更是法律合规的必要条件。美国法院正日益依据《美国残疾人法案》裁决网站侵权案件,Domino’s、Target等企业均已面临相关处罚。

