
包容性與無障礙 UX 設計課程
精通包容性UX設計的完整光譜——從WCAG標準與無障礙元件模式,到輔助科技測試與組織策略。本課程為UX設計師提供必要的技術知識與倡導技能,以打造服務每一位使用者的產品。無障礙在此並非附加功能,而是設計的根本基石。
你將學到什麼:
您將全面掌握全球無障礙標準,包括WCAG符合性等級與各地區法規,並學習如何將它們應用於視覺、互動與內容設計。本課程涵蓋模態視窗、表單、資料表格與導覽選單等元件的無障礙模式,並提供標註完整的規格書,可直接交付開發人員。您將帶領包含身心障礙參與者的包容性可用性研究,並運用結構化的嚴重性框架分析研究結果。您還將把無障礙原則延伸至行動平台、語音介面與新興科技領域。最後,您將學習如何將無障礙設計整合至設計系統,並產出可供利害關係人檢視的進度報告。
你的實用學習方式 包容性與無障礙 UX 設計課程
你的實戰練習方式 包容性與無障礙 UX 設計課程
專為企業團隊培訓打造
在 Dedika 企業版,課程內容結合您企業的實際案例與需求,量身打造專屬練習與範例。
課程內容
8 章 • 34 課時長介於 4 到 360 小時(由您決定)
第 1 章隐藏隱藏詳情查看詳情包容性UX設計基礎
包容性UX設計基礎
第 1 課 • 無障礙的商業與倫理論證
呈現市場規模、法律風險及品牌價值等無障礙投資論點。賦能設計師在組織內部倡導包容性實務。
第 2 課 • 定義包容性設計與無障礙設計
釐清包容性設計、通用設計與無障礙之間的區別。為後續所有章節奠定共享且精確的詞彙基礎。
第 3 課 • 全球無障礙標準概覽
調查國際公認的無障礙指引與符合性等級。提供設計師在跨產業中必須遵循的法規脈絡。
第 4 課 • 失能光譜與使用者多樣性
描繪感官、動作、認知及語言層面上的永久性、暫時性與情境性障礙。建立同理心與範圍意識,以利設計決策。
第 2 章隐藏隱藏詳情查看詳情可感知設計:視覺與聽覺無障礙
可感知設計:視覺與聽覺無障礙
第 1 課 • 反應式與適應性視覺版面
檢視縮放、文字重排及螢幕方向變更如何影響可感知性。讓設計師準備好在各種放大倍率與視口條件下測試版面。
第 2 課 • 非文字內容的文字替代方案
涵蓋為圖片、圖示及圖表撰寫有效的替代文字、長描述與說明文字。確保螢幕報讀軟體使用者能獲得等效資訊。
第 3 課 • 無障礙音訊與影片內容
處理字幕、逐字稿、口述影像及媒體播放器控制項。將多媒體無障礙連結至聽障與視障使用者的需求。
第 4 課 • 色彩、對比與視覺層次
教授對比率要求及非色彩溝通的策略。直接處理介面中最常見的視覺無障礙失敗情況。
第 3 章隐藏隱藏詳情查看詳情Operable Design: Interaction and Navigation
Operable Design: Interaction and Navigation
第 1 課 • 指標與觸控互動設計
涵蓋觸控目標大小、手勢替代方案及指標取消。處理行動裝置與桌面環境中的動作障礙需求。
第 2 課 • 鍵盤無障礙基礎
建立頁籤順序、焦點管理及鍵盤快捷鍵設計。構成本章所有非指標互動模式的基礎。
第 3 課 • 可導覽與可尋的介面
涵蓋頁面標題、標題、地標及多重導覽路徑。讓有認知與動作障礙的使用者能有效定位內容。
第 4 課 • 時機、動態與癲癇安全
教授時間限制控制、暫停機制及閃爍閾值指引。保護前庭障礙、癲癇及注意力差異的使用者。
第 4 章隐藏隱藏詳情查看詳情Understandable Design: Language and Predictability
Understandable Design: Language and Predictability
第 1 課 • 認知負荷降低策略
將資訊分塊、漸進揭露及記憶輔助模式應用於介面設計。支援 ADHD、記憶障礙及處理差異的使用者。
第 2 課 • 一致且可預測的 UI 模式
為跨螢幕的一致導覽、標籤及元件行為建立規則。減少認知負擔,防止使用者迷失方向。
第 3 課 • 無障礙表單與輸入設計
涵蓋標籤關聯、輸入目的、錯誤識別及行內說明。直接降低因無障礙輸入模式所造成的表單放棄率。
第 4 課 • 平實語言與可讀內容
將可讀性指標、句子結構及詞彙指引應用於 UI 文案。為識字差異或專業知識不足的使用者降低認知負擔。
第 5 章隐藏隱藏詳情查看詳情穩健設計:語意化程式碼與輔助科技
穩健設計:語意化程式碼與輔助科技
第 1 課 • 即時區域與動態內容
涵蓋 ARIA 即時區域、狀態訊息及動態更新宣告。確保螢幕報讀軟體使用者能收到來自互動介面的即時回饋。
第 2 課 • ARIA 角色、狀態與屬性
教授正確的 ARIA 用法,以補充自訂元件的原生語意。涵蓋 ARIA 第一法則及常見的誤用模式。
第 3 課 • 輔助科技生態系統
調查螢幕報讀軟體、切換開關存取、語音控制及點字顯示器。讓設計師了解其決策如何影響不同的輔助科技使用者。
第 4 課 • 語意化 HTML 作為無障礙基礎
示範原生 HTML 元素如何向輔助科技傳達角色、名稱及狀態。建立語意化標記優於純 ARIA 解決方案的原因。
第 6 章隐藏隱藏詳情查看詳情無障礙元件設計模式
無障礙元件設計模式
第 1 課 • 表單控制項與資料輸入
規格化無障礙的自訂核取方塊、選項按鈕、選取清單及日期選取器。縮小輸入項目的視覺設計與功能性無障礙之間的差距。
第 2 課 • 導覽與選單元件
將鍵盤互動模式與 ARIA 應用於選單、頁籤及麵包屑。解決最常見的導覽元件無障礙失敗問題。
第 3 課 • 資料表格與複雜視覺化
教授表格標題關聯、標題使用及圖表文字替代方案。確保資料密集的介面對螢幕報讀軟體及低視力使用者保持無障礙。
第 4 課 • 通知、警示與回饋
設計無障礙的錯誤、成功、警告及資訊回饋模式。將元件層級的回饋連結至先前章節的即時區域與時機原則。
第 5 課 • 模態對話框與覆蓋層
涵蓋對話框的焦點鎖定、背景內容惰性及關閉模式。防止因焦點遺失而導致覆蓋層對鍵盤使用者不具無障礙性的問題。
第 7 章隐藏隱藏詳情查看詳情包容性研究與可用性測試
包容性研究與可用性測試
第 1 課 • 分析與優先排序無障礙發現
將嚴重性評分框架應用於研究中發現的無障礙問題。產出將使用者影響與開發工作量連結的優先排序待辦事項。
第 2 課 • 招募失能參與者
涵蓋針對失能參與者的道德招募、篩選標準及無障礙安排規劃。處理將失能使用者排除在研究之外的實際障礙。
第 3 課 • 進行輔助科技測試環節
引導促進者通過螢幕報讀軟體、切換開關及語音控制測試環節。建立觀察與解讀輔助科技特定互動行為的實務技能。
第 4 課 • 無障礙研究資料與方法
為不同的輔助科技使用者調整調查、原型及任務情境。確保研究工具不會引入可能扭曲發現的障礙。
第 8 章隐藏隱藏詳情查看詳情無障礙策略與組織成熟度
無障礙策略與組織成熟度
第 1 課 • 將無障礙整合至設計工作流程
在探索、設計及交接階段嵌入無障礙檢查點。藉由在產品生命週期早期導入無障礙,防止後期補救。
第 2 課 • 設計系統中的無障礙
將無障礙令牌、註解及文件整合至元件庫。透過共享系統治理,在產品間擴展包容性設計決策。
第 3 課 • 衡量與報告無障礙進度
定義無障礙的 KPI、符合性儀表板及利害關係人報告格式。將設計成果連結至能引起領導階層共鳴的業務指標。
第 4 課 • 建立無障礙倡導者文化
發展培訓計畫、倡導者網路及領導階層支持策略。維持組織在合規驅動措施之外的無障礙承諾。
第 5 課 • 自動化與手動稽核流程
結合自動化掃描與手動專家審查,進行全面稽核。建立可重複的稽核節奏,長期追蹤無障礙健康狀況。
您的有效結業證書
本課程適合您:
中階UX設計師:準備好從視覺打磨邁向包容性實作。
前端開發者:希望理解無障礙需求在設計端的應用。
產品經理:負責交付符合規範且以使用者為中心的數位體驗。
UX研究員:尋求更有信心地將障礙參與者納入研究。
轉職者:從從未討論過無障礙的領域進入UX。
設計系統貢獻者:負責讓共享元件庫更具包容性。
我們的學員怎麼說
他們的課程非常完美。我購買了一年套餐,終於有機會在同一個平台上學習各種我感興趣的主題,不需要更換平台...感謝你們所做的一切,我已經向其他人推薦了你們...

我喜歡課程直接切入重點的方式,以及我可以切換章節和跳過不需要的內容。

我喜歡內容和影片的呈現方式以及轉錄功能,這加快了學習過程!

平台快速、使用簡單。內容的多樣性和補充影片對學習很有幫助。

熱門進修課程
常見問題
Dedika 是什麼?
證書在台湾有效嗎?
課程是免費的嗎?
課程的學習時數是多少?
課程內容是什麼樣的?
課程如何進行?
課程時長是多少?
課程的費用是多少?
什麼是 EAD 或線上課程?它如何運作?
PDF 課程




















