花三秒钟想一下，你今天早上是怎么看新闻、滑社群、逛网拍的？

大概就是拿起手机，滑开屏幕，动动手指，一切都理所当然，对吧？我们很自然地看图片、点按钮、播放影片，很少会去想“如果我看不到画面，该怎么办？”或是“如果我没办法用鼠标，要怎么点连结？”

这就是我们今天要聊的主题——“网站可及性”（Web Accessibility），在行内，大家常用它的缩写 A11Y（因为 a 和 y 中间有 11 个字母）来称呼它。

很多人一听到这个词，就觉得它很严肃、很技术，好像是专门为了少数身障朋友设计的，跟自己的网站关系不大。但如果我告诉你，把网站可及性做好，不仅是体贴他人的表现，更是一项能让你网站流量提升、深受 Google 喜爱的 SEO 超级秘技，你是不是会觉得这件事突然变得有趣多了？

没错，做好 A11Y，不只是在做好事，更是在做一门聪明的生意。这篇文章，就是要用最白话的方式，带你搞懂 A11Y 和 SEO 之间奇妙的双赢关系。

到底什么是“网站可及性”（A11Y）？别误会，它不只为了视障朋友

我们先用一个生活中的例子来理解 A11Y。

想像一下，你要盖一栋对所有人开放的公共图书馆。你肯定会盖楼梯，但如果只盖楼梯，那坐轮椅的人、推著婴儿车的爸妈、或是暂时拄著拐杖的伤者，该怎么进去？

所以，你会多盖一个平缓的斜坡，再装一台电梯。这就是“无障碍设计”。你不是只为“特定族群”设计，而是确保“所有人”都能无差别地使用这个空间。

网站可及性，就是网络世界的“无障碍设计”。它的目标是确保任何人，无论他们的能力、使用的设备或所处的环境如何，都能顺利地存取、理解并使用你网站上的资讯和功能。

它关乎每个人：从永久、暂时到情境性的“障碍”

很多人对“障碍”的理解太狭隘了，以为只跟永久性的身心障碍有关。但事实上，我们每个人在生活中都可能遇到各种“障碍”：

  • 永久性障碍： 例如天生失明、失聪或肢体障碍的朋友。
  • 暂时性障碍： 想像你手臂骨折，打着石膏，只能用一只手操作鼠标，是不是变得很不方便？或者刚做完近视激光手术，眼睛畏光，看不清楚屏幕？
  • 情境性障碍：
    • 你在吵闹的捷运上，想看一段影片却没带耳机，这时如果影片有字幕，你就属于“暂时性失聪”的使用者。
    • 你抱着小孩，只能单手滑手机，这时如果按钮太小很难点，你就属于“暂时性肢体不便”的使用者。
    • 你在大太阳下看手机，屏幕反光看不清楚，如果网页文字和背景颜色对比不够强，你就属于“暂时性低视能”的使用者。

看吧？A11Y 考虑的，是每一个人都可能遇到的真实情境。它让你的网站变得更有韧性、更能应付各种状况，而这份体贴，正好跟 SEO 的目标不谋而合。

SEO 与 A11Y 的神奇交集：为什么 Google 也爱无障碍网页？

这就是整篇文章最有趣的地方了。为什么 Google 这个以代码和算法为生的巨兽，会这么在意“网站可及性”这种充满人情味的议题？

答案很简单，因为：Google 的爬虫机器人（Googlebot），就是一个“超级视障使用者”。

它看不懂你网站上设计多精美的图片、动画多流畅的特效。它跟视障朋友使用的“屏幕阅读器”一样，只能透过“读取”你网站的代码来理解网页的内容和结构。

所以，一个对屏幕阅读器友善的网站，通常也会是一个对 Google 机器人友善的网站。当你为了 A11Y 优化时，常常会在不知不觉中，把 SEO 的基础也打得更稳固。

以下是几个最明显的交集点：

共同的语言：清晰的网站结构与语意化 HTML

屏幕阅读器和 Google 机器人都需要靠 HTML 标签来理解页面的“骨架”。<h1> 是最重要的主标题，<h2> 是次标题，<p> 是一段内文，<ul> 是一个项目清单。当你正确使用这些“语意化”的标签，等于是给了他们一张清晰的内容地图。

  • 不好的做法： 为了视觉上的粗体和放大，所有标题都用 <b> 或 <font size=”5″> 标签。
  • 好的做法： 严格按照 H1 → H2 → H3 的层级来安排标题，让内容结构一目了然。

图片的“翻译官”：Alt 替代文字的重要性

对于看不到图片的人（和机器人），<img> 标签里的 alt 属性就是他们的眼睛。这个属性里的文字，是用来“描述”这张图片的内容。

  • 不好的做法： alt=””（留空）或 alt=”图片123″（无意义的档名）。
  • 好的做法：
    • A11Y 角度： alt=”一只黄金猎犬在草地上开心吐舌奔跑”。让听的人能在脑中描绘出画面。
    • SEO 角度： 如果这是一篇关于宠物美容的文章，alt=”黄金猎犬在台中宠物美容店洗完澡后，在草地上奔跑”。自然地带入关键字，帮助 Google 图片搜索。

影片与声音的“字幕组”：逐字稿与字幕的角色

对于听不到声音的人（和机器人），影片和音档如果没有文字版本，就等于不存在。提供完整的字幕（SRT 档）和逐字稿（Transcript），不仅能帮助听障朋友，更能让 Google 完整索引你的影音内容，大幅提升被搜索到的机会。

网站的“清晰路标”：有意义的连结文字

想像一下，屏幕阅读器使用者常常会用快速键来“只听取”页面上的所有连结。如果他们听到的是十个一模一样的“点击这里”，他们根本不知道哪个连结是通往哪里的。

  • 不好的做法： 想了解更多服务，请点击这里。
  • 好的做法： 深入了解我们的网站 SEO 顾问服务。

这不仅对 A11Y 至关重要，对 SEO 来说，描述性的“锚点文字”也是告诉 Google 这个连结指向的页面主题是什么的强力讯号。

小心！别天真地把 A11Y 和 SEO 划上等号

说了这么多共通点，你可能会觉得“那我就专心做 A11Y 就好了，SEO 就会跟着变好”。这只说对了一半。

就像原始文章提到的，A11Y 和 SEO 是两个“完全不同的专业领域”，它们只是刚好在某些地方有重叠。

动机不同：SEO 关心“机器”，A11Y 更关心“人”

SEO 的终极目标，是让“搜索引擎”理解并喜爱你的网站，从而获得好的排名。有时候，一些 SEO 技巧可能是为了讨好机器人。

A11Y 的终极目标，是让“真实的人”能无障碍地使用你的网站。它关心的是真实的互动体验，例如按钮是否

相关文章