01 · CMS
用能支援可訪問性的內容管理系統
頁面佈局、主題、編輯工具都要和無障礙規範相容——編輯器要能設定標題層級、填寫替代文字。我們用 WordPress，自寫主題確保輸出的 HTML 是語意化的。
Accessibility · 無障礙網站
無障礙網頁設計，
符合 AA、拿得到標章
依照國家通訊傳播委員會「網站無障礙規範 2.0」，從架構、標題、替代文字、鍵盤操作到色彩對比，一開始就照規範做，而不是上線後再補。公部門與公立學校必備；企業主動導入，對 ESG 和 SEO 都是加分。
無障礙網頁設計無障礙網站規範WCAG 2.1 AA無障礙標章申請
Why
為什麼重要
Social
社會層面
對身心障礙者與高齡者來說，上網不應該是一道門檻。清楚的頁面結構、替代文字、鍵盤操作與足夠的色彩對比，能讓更多人順利使用網站上的資訊與服務——這是數位人權，也是《身心障礙者權益保障法》對公部門的要求。
Economic
經濟層面
語意化的 HTML 讓搜尋引擎與 AI 更容易理解內容，SEO 直接受益；能使用的人變多，受眾就變寬；操作更直覺，所有訪客的體驗都跟著變好。對企業來說，主動導入無障礙是 ESG 的具體作為，也是專業、可信的品牌形象。
Principles
四項開發原則
Perceivable
可感知
資訊與介面元件必須能被使用者感知：圖片有替代文字、影音有字幕、內容不只靠顏色傳達。
Operable
可操作
所有功能都能用鍵盤完成，焦點看得見、順序合理，不設限時陷阱，避免會引發癲癇的閃爍。
Understandable
可理解
文字可讀、頁面行為可預期，表單有清楚的標籤與錯誤提示，語言屬性標示正確。
Robust
穩固
標記語法正確、語意清楚，讓螢幕閱讀器等輔助科技在不同瀏覽器與裝置上都讀得到。
Five points
五個設計要點
02 · 標題
用標題結構組織內容
視障者靠螢幕閱讀器把畫面轉成語音與點字；h1、h2、h3 排整齊，他們才能跳著讀、知道現在讀到哪一段。標題不是拿來把字變大的。
03 · 替代文字
每張圖都有描述
沒有替代文字的圖片，在螢幕閱讀器裡只會唸出一聲「圖像」。風景、圖表、按鈕上的圖示，都要寫出對所有人有意義的描述。
04 · 鍵盤
不用滑鼠也能走完整個網站
許多輔助科技只靠鍵盤運作。每一頁、每個連結、每個表單，都要能用 Tab 到達、用 Enter 觸發，而且焦點在哪裡要看得見。
05 · 顏色
謹慎使用顏色與對比
約 8% 男性、0.5% 女性有某種色覺缺陷。文字與背景對比至少 4.5:1，資訊不能只靠顏色區分——錯誤提示要有文字，不只是變紅。
Badge
無障礙標章，
三個等級
A
基本等級符合最基本的可及性：替代文字、鍵盤操作、標題結構等必要項目。
AA
政府機關要求的等級色彩對比 4.5:1、焦點可見、表單標籤與錯誤提示等。公部門與公立學校官網至少要達到 AA；我們的無障礙專案都以 AA 為目標。
AAA
最高等級對比 7:1、手語與延伸說明等更嚴格的要求，通常只針對特定頁面或服務達成。
標章由行政院「無障礙網路空間服務網」核發，取得代表網站符合國家標準；申請流程與自我檢測文件我們協助準備。
How
從評估到取得標章
評估先對現有網站做一次無障礙檢測，列出改善項目，再決定局部優化或重建。
設計架構、標題層級、色彩對比、焦點樣式在設計稿階段就定好，不是上線後再補。
開發語意化 HTML、ARIA、鍵盤流程；每頁用 Freego 等工具檢測到 AA。
文件自我檢測報告與申請文件準備，送審。
標章通過核驗取得標章；之後每次改版都維持規範。
從評估、修改到完成審核，一般約 1～3 個月，依網站規模與修改量而定。
Works
無障礙網站案例
透過語意化 HTML、色彩對比優化與鍵盤操作支援，視障與行動不便的使用者都能順利瀏覽——設計品質和其他案例一樣，不會因為無障礙而打折。
Pricing
無障礙網站，
費用與時程
FAQ
無障礙網頁設計，
常問的
01無障礙網頁設計和一般網頁設計有什麼不同？
在一般設計的基礎上，額外確保符合 WCAG 規範：語意化 HTML、圖片替代文字、鍵盤可操作、足夠的色彩對比、螢幕閱讀器相容。這些要從設計階段就納入，不是事後補救。
02政府機關是否強制要求無障礙網站？
是。依《身心障礙者權益保障法》與行政院「無障礙網路空間服務網」規定，政府機關及公立學校官網必須符合無障礙規範並取得標章。私人企業非強制，但主動導入有助品牌形象與觸及更廣的使用者。
03無障礙網頁設計費用大概多少？
依網站規模與要達到的等級而定。政府機關或需通過正式標章核驗的專案，檢測與文件的工作量較高。建議先做評估，了解改善項目再估價。
04申請無障礙標章需要多久？
從評估、修改到完成審核約 1～3 個月，視複雜程度與修改量而定。找有申請經驗的公司能減少反覆修改，一次通過。
05現有網站可以後期改成符合無障礙嗎？
可以，補替代文字、調整對比、修正語意結構都能逐步做。但若原始架構問題大，改造成本可能接近重建；先評估再決定局部優化或全站重建。
06一般企業官網需要做無障礙嗎？
法規未強制，但實際好處明確：語意化 HTML 提升 SEO、所有使用者操作體驗變好、觸及年長者與身心障礙族群。重視 ESG 的企業已把它當成社會責任的具體展現。
Contact
要申請標章，或想先做一次檢測？
留下網址，1 個工作天內回覆
告訴我們你的產業、現在的網站、想解決什麼；回覆時會附上同產業的案例與估價區間。