花三秒鐘想一下，你今天早上是怎麼看新聞、滑社群、逛網拍的？
大概就是拿起手機，滑開螢幕，動動手指，一切都理所當然，對吧？我們很自然地看圖片、點按鈕、播放影片，很少會去想「如果我看不到畫面，該怎麼辦？」或是「如果我沒辦法用滑鼠，要怎麼點連結？」
這就是我們今天要聊的主題——「網站可及性」（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 的終極目標，是讓「真實的人」能無障礙地使用你的網站。它關心的是真實的互動體驗，例如按鈕是否
