無障礙網頁

提升資訊可及性，打造人人平等友善的網站使用體驗

INTRODUCTION

無障礙網頁簡介

在網路如此發達的現代，對於身心障礙人士而言，上網這個動作似乎很難成為生活中的一部分，而基於人權平等以及關懷社會弱勢族群的理念上，建立無障礙網站對於特定族群而言是意義非凡的。透過合理的網站設計，如清楚的頁面結構、替代文字、鍵盤操作支援與適當的色彩對比，能有效降低瀏覽障礙，讓更多人能順利使用網站資源與服務。

讓網站符合無障礙建制規範會有一些優勢，比如說 HTML 語意標記能讓搜尋引擎更好理解網站內容，提升 SEO 成效；關心社會弱勢族群，提升企業形象；涵蓋不同身份的使用者，讓網站受眾範圍變得更寬廣。此外，無障礙設計也能改善整體使用體驗，使所有訪客操作更直覺、資訊獲取更便利，進一步提升網站效能與訪客滿意度。長期來看，無障礙網站不僅符合政策法規要求，也展現組織對社會責任的承諾，塑造專業與可信的品牌形象，對企業或單位而言，具有長遠的價值與正面影響。

無障礙網站設計要點參考

社會層面

SOCIAL

經濟層面

ECONOMIC

無障礙網頁
為什麼如此重要？

無障礙網頁之所以重要，是因為它確保所有人，包括身心障礙者與高齡者，都能平等地獲取資訊與使用數位服務。這不僅是保障數位人權與促進社會公平的重要措施，也符合法規要求，展現組織對公共責任的重視。同時無障礙設計能提升整體網站的易用性與使用體驗，讓更多人受益，進而強化網站的價值與影響力。

遵循四項開發原則

在政府的無障礙網站空間服務網中，共列舉了四項原則

確保五個設計要點

從設計網頁樣式上開始改善優化

01

使用能支援可訪問性的內容管理系統(CMS)

在架設、建構網站時，為了要確保整體網站的頁面佈局、主題、工具各方面，能與最開始我們所說的無障礙網站相關架設規範兼容，比如在編輯工具欄應該包含標題等，因此選擇使用可以支持網頁可訪問性的內容管理系統(CMS)，常見的像是WordPress 或是Drupal等。

使用標題來構建網頁內容

使用標題來構件網站內容，除了能讓網頁的內容更易被所有瀏覽者消化吸收以外，也能使視障者上網時使用輔具能更加的流暢，視障者要取得螢幕上的訊息，必須依靠螢幕閱讀器與相關的系統，經過轉換後透過點字和語音來瞭解螢幕上的資訊。當我們將標頭透過<h1>、<h2>等方式進行整齊排列，將更容易被螢幕閱讀器所讀取。

02

03

圖像增加替代文字

因為當視障者使用螢幕閱讀器讀取網站內容時，都是透過文字來獲取訊息，而如果沒有將網頁上的圖像加上一些描述內容的話，所有的圖像在視障者眼裡都只是語音的一句「圖像」。我們看到的風景圖、各種有趣的插圖，傳到他們耳朵裡都是一樣的，因此必須確保將每張圖片都編寫描述性的摘要，使每張圖片對所有瀏覽者都有意義。

確保網站對鍵盤友好

目前有許多輔助身心障礙者的技術都是只依賴純鍵盤操作下進行的，像是我們前面所提到的視障者所使用的螢幕閱讀器，就是以不使用鼠標的情況下瀏覽各個網站，因此在架設網站時我們也必須確保這個網站是能在不使用滑鼠的情況下運行，包含我們能透過鍵盤進入網站的所有頁面、連結與內容等。

04

05

謹慎地使用適當顏色

當視網膜中的感光細胞無法對不同波長的光做出適當反應時，就會發生色盲。全球，根據color-blindness.com的數據，大約0.5%的女性和8%的男性患有某種形式的色盲，當我們在設計網站時，如果開發人員沒有將網頁調整為適當的顏色對比度時，色盲和其他殘疾者將較難找到網頁資訊，所以也必須考量到他們所看到介面的樣子進行網頁優化。