選擇您的語言
包容性與無障礙 UX 設計課程
全球超過兩百萬名學員

包容性與無障礙 UX 設計課程

精通包容性UX設計的完整光譜——從WCAG標準與無障礙元件模式,到輔助科技測試與組織策略。本課程為UX設計師提供必要的技術知識與倡導技能,以打造服務每一位使用者的產品。無障礙在此並非附加功能,而是設計的根本基石。

你將學到什麼:

您將全面掌握全球無障礙標準,包括WCAG符合性等級與各地區法規,並學習如何將它們應用於視覺、互動與內容設計。本課程涵蓋模態視窗、表單、資料表格與導覽選單等元件的無障礙模式,並提供標註完整的規格書,可直接交付開發人員。您將帶領包含身心障礙參與者的包容性可用性研究,並運用結構化的嚴重性框架分析研究結果。您還將把無障礙原則延伸至行動平台、語音介面與新興科技領域。最後,您將學習如何將無障礙設計整合至設計系統,並產出可供利害關係人檢視的進度報告。

你的實用學習方式 包容性與無障礙 UX 設計課程

你的實戰練習方式 包容性與無障礙 UX 設計課程

專為企業團隊培訓打造

在 Dedika 企業版,課程內容結合您企業的實際案例與需求,量身打造專屬練習與範例。

點擊這裡

課程內容

8 章 • 34 課時長介於 4 到 360 小時(由您決定)

第 1 章查看詳情

包容性UX設計基礎

  • 第 1 課 • 無障礙的商業與倫理論證

    呈現市場規模、法律風險及品牌價值等無障礙投資論點。賦能設計師在組織內部倡導包容性實務。

  • 第 2 課 • 定義包容性設計與無障礙設計

    釐清包容性設計、通用設計與無障礙之間的區別。為後續所有章節奠定共享且精確的詞彙基礎。

  • 第 3 課 • 全球無障礙標準概覽

    調查國際公認的無障礙指引與符合性等級。提供設計師在跨產業中必須遵循的法規脈絡。

  • 第 4 課 • 失能光譜與使用者多樣性

    描繪感官、動作、認知及語言層面上的永久性、暫時性與情境性障礙。建立同理心與範圍意識,以利設計決策。

第 2 章查看詳情

可感知設計:視覺與聽覺無障礙

  • 第 1 課 • 反應式與適應性視覺版面

    檢視縮放、文字重排及螢幕方向變更如何影響可感知性。讓設計師準備好在各種放大倍率與視口條件下測試版面。

  • 第 2 課 • 非文字內容的文字替代方案

    涵蓋為圖片、圖示及圖表撰寫有效的替代文字、長描述與說明文字。確保螢幕報讀軟體使用者能獲得等效資訊。

  • 第 3 課 • 無障礙音訊與影片內容

    處理字幕、逐字稿、口述影像及媒體播放器控制項。將多媒體無障礙連結至聽障與視障使用者的需求。

  • 第 4 課 • 色彩、對比與視覺層次

    教授對比率要求及非色彩溝通的策略。直接處理介面中最常見的視覺無障礙失敗情況。

第 3 章查看詳情

Operable Design: Interaction and Navigation

  • 第 1 課 • 指標與觸控互動設計

    涵蓋觸控目標大小、手勢替代方案及指標取消。處理行動裝置與桌面環境中的動作障礙需求。

  • 第 2 課 • 鍵盤無障礙基礎

    建立頁籤順序、焦點管理及鍵盤快捷鍵設計。構成本章所有非指標互動模式的基礎。

  • 第 3 課 • 可導覽與可尋的介面

    涵蓋頁面標題、標題、地標及多重導覽路徑。讓有認知與動作障礙的使用者能有效定位內容。

  • 第 4 課 • 時機、動態與癲癇安全

    教授時間限制控制、暫停機制及閃爍閾值指引。保護前庭障礙、癲癇及注意力差異的使用者。

第 4 章查看詳情

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。

  • 設計系統貢獻者:負責讓共享元件庫更具包容性。

我們的學員怎麼說

他們的課程非常完美。我購買了一年套餐,終於有機會在同一個平台上學習各種我感興趣的主題,不需要更換平台...感謝你們所做的一切,我已經向其他人推薦了你們...
Giulio Carlo
Giulio Carlo數位行銷學員
我喜歡課程直接切入重點的方式,以及我可以切換章節和跳過不需要的內容。
Mariana Ferres
Mariana Ferres攝影學員
我喜歡內容和影片的呈現方式以及轉錄功能,這加快了學習過程!
Luciana Alvarenga
Luciana Alvarenga美甲設計學員
平台快速、使用簡單。內容的多樣性和補充影片對學習很有幫助。
André Felipe
André Felipe提示工程學員

熱門進修課程

常見問題

Dedika 是什麼?

證書在台湾有效嗎?

課程是免費的嗎?

課程的學習時數是多少?

課程內容是什麼樣的?

課程如何進行?

課程時長是多少?

課程的費用是多少?

什麼是 EAD 或線上課程?它如何運作?

PDF 課程