最近在工作上碰到無障礙網頁的專案，製作無障礙網頁比較特別，有一些規範需要遵照，且因為規範的相關資訊非常繁多且分散，所以決定把較常使用到的規範整理起來。
此篇文章特別專注在無障礙網頁基本介紹、操作方式及網站分級，讓大家先對無障礙網頁有基本的認識，之後會有新文章再帶大家了解設計跟切版特別要注意的地方，讓我們繼續看下去！
什麼是無障礙網頁
無障礙網頁主要是要讓「視覺障礙者」或「聽覺障礙者」可以使用其他替代方式獲得網頁的資訊內容，由於他們無法像一般人瀏覽網頁的方式來取得相關資訊，必需透過閱讀機、點字顯示器等各種特殊輸出裝置來「瀏覽」網頁，透過這些輔助設備，可以將符合無障礙網頁的資訊「唸」出來或用點字方式顯示，來讓視障朋友們了解網頁的內容。
無障礙網頁其實就在我們生活中！像是我們熟知的台鐵網站就是以無障礙網頁規範設計的，很多銀行也都有無障礙網頁（例如：玉山銀行金融友善網銀）。
下方的雀巢咖啡官網是我很喜歡的無障礙網頁，兼具美觀及友善。
如何操作無障礙網頁
接下來再帶大家了解視障朋友是如何操作無障礙網頁，
請觀看下方影片 👇
在影片中，我們可以知道視障朋友主要利用聽覺與觸覺來做輸入，並使用螢幕閱讀器搭配鍵盤操作方向鍵。
螢幕閱讀器：
又稱為螢幕報讀軟體，是一種安裝於電腦上的應用程式軟體，用來將文字、圖形以及電腦介面的其他部分轉換成語音及／或點字。分級介紹
大家一定聽過「CAS優良食品」，也都知道這是食品的優良保証，網站也是一樣，經過層層的審核獲得「無障礙標章」，賦予網站擁有更好的操作機能。
目前有許多政府機關網站已有這樣的標章認可，用意是為了讓大家在網站瀏覽或申辦各項業務時更簡單方便，我們也可以說這樣的網站具有網頁親和力(Web Accessibility)。
網頁親和力(Web Accessibility):
確保任何人都有辦法取得放在網頁上的媒體內容——無論人們是否遭遇了身體、心理或技術上的障礙，都不會妨礙人們接收作者所釋出的資訊。也就是讓網上的內容「易於親近」，易於取得、利用。(維基百科)而無障礙網頁標章依網頁親和力(Web Accessibility)的不同，規劃如下表等3種不同等級的標章：
最基本的是A等級，最高為AAA等級，等級越往上需符合的規範越多，這邊提到的規範也是撰寫此系列文的理由，因為真的太～多～了。如果對各個等級的規範有興趣的朋友，可以先看這邊的無障礙規範索引。
立法院決議要求各級政府機關與學校於建置之網站新設或改版時，應依「無障礙網頁開發規範2.0版」檢測等級 AA 以上進行設計
— 國家傳播通訊委員會
因爲有上述立法院的決議，以我目前工作碰到無障礙網頁的經驗，一般客戶都會要求起碼要有「AA等級」的標章，供大家參考。
結語
無障礙網頁不僅能夠讓視障朋友們更快找到頁面上所需的資訊，還能夠完成像是台鐵訂票、銀行轉帳等較複雜的操作，也希望未來有更多的無障礙網頁（並能符合AA等級的標章），讓視障朋友們生活更加便利。
很感謝您的閱讀，下一篇會以前端切版的角度，帶大家了解無障礙網頁在切版時有什麼需注意的事項。
【無障礙網頁祕技】系列文章
【無障礙網頁祕技】認識無障礙網頁與分級
【無障礙網頁祕技】前端切版前要注意什麼細節呢？
【無障礙網頁祕技】介面設計大補丸
【無障礙網頁祕技】檢測工具Freego操作方式 (即將推出✨)
謝謝您的閱讀：）
若您如果喜歡我的文章的話，歡迎按下「拍手」給我支持 👏👏👏
也歡迎轉發給親朋好友唷
30個拍手：還滿喜歡這篇文章的
30個以上的拍手：很喜歡這篇文章，或希望能多看到相關類型的分享