如何設計可訪問性：成為更好的 UX 設計師 (WCAG 2.2)

Contents

2023 年 UX 和 UI 設計師的可訪問性和可用性最佳實踐（用戶體驗 + WCAG 2.2，第 508 節，ADA

從這 7.5 小時的課程，你會學到

如何專門設計可訪問性（設計師的基本要素 – UX、UI 和產品）
可訪問性設計的 51 大最佳實踐和策略（加上可用性和 SEO）
可訪問的顏色對比度和顏色獨立性
可訪問的措辭 – 動詞或名詞，短標籤或中等標籤，“閱讀更多”鏈接不好，等等
可訪問的樣式 – 邊界半徑、大小寫、填充和顏色、陰影和高度、競爭、接近度
設計可訪問的錯誤訊息、選單項、鏈接、進度追蹤器
設計可訪問的圖表、圖形和其他資料視覺化
為可訪問性設計驚人的 signifiers (能指，又名感知可供性）
可訪問的互動狀態和要設計的 10 個狀態（焦點、懸停等）
如何結合可訪問性策略
要避免的可訪問性錯誤
可訪問性基礎 – 可訪問性的對象、內容、時間、地點和原因
第 508 節、ADA 和 WCAG 2.1 和 2.2

要求

無

課程說明

你想為數位產品輕鬆設計可訪問的界面嗎？

但是，也許你已經被關於可訪問性的大量資訊所淹沒，或者不知道從哪裡開始只是設計方面的事情？

好吧，作為一名經驗豐富的使用者體驗 (UX) 設計師，在可訪問性方面經驗豐富，我在這為你解決這些問題！（此外，如果你需要了解 WCAG 2.1 / 2.2 或你所在國家/地區的法律要求，本課程涵蓋了！[例如美國的第 508 條和 ADA、印度的 GIGW 和 RPD 法案、加拿大的 AODA、歐洲的 Web 可訪問性指令 EN 301 549、澳大利亞的 DDA 或任何其他基於/參考 Web 內容可訪問性指南]）

問題：

用戶體驗和產品設計師面臨的一個大問題是……如果我們想設計可訪問的數位產品，我們必須深入研究一大堆可訪問性指南，它們會告訴我們以下資訊：

對於可訪問性合規性，“可以使用一種機制來允許僅從鏈接文本中識別每個鏈接的目的，除非鏈接的目的對於一般使用者來說是模棱兩可的。”
或者“顏色不被用作傳達資訊、指示動作、提示響應或區分視覺元素的唯一視覺手段。”

這是否讓你清楚地了解如何專門設計一個可訪問的界面並且仍然看起來很美觀？沒那麼多！

解決方案：

本課程教授的解決方案是一組用於設計可訪問界面的 51 個基本最佳實踐。它們只是適用於設計師工作的可訪問性方面，作為設計師，你負責和控制，我們不會進入程式碼。

本課程基於最新的 WCAG 2.1 和最新的工作 2.2 指南，因此你將獲得最新的資訊。每當發布新指南時，本課程都會及時更新。最新，新鮮！
(最新消息：“WCAG 2.2 計劃於 2023 年初完成並發布。但是，2.2 工作草案現已可用，預計將在不進行重大更改的情況下通過。”）

你將從本課程中獲得的 10 件事：

無論你是自己設計數位產品，還是監督他們的設計，都將這些最佳實踐添加到你的設計資產中……

你將擁有一個卓越的設計流程，使你能夠從一開始就設計更易於訪問（和使用者友好）的界面。
你將能夠通過查看界面設計來識別可訪問性違規！
你會在你的老闆和客戶眼中脫穎而出，成為令人印象深刻的頂級設計師，因為很少有設計師精通 UX 的可訪問性設計和可訪問性。
你將受到開發人員的喜愛，因為你向他們發送了他們不必對可訪問性進行更改的模型。
你的團隊將節省時間，你的客戶將節省資金，因為最終需要進行的更改將更少，以滿足可訪問性合規性。
如果你的團隊製作了完全可訪問的數位產品（因為如果他們的數位產品不符合可訪問性和 WCAG 合規性，某些群體可能會因歧視而被起訴），你的團隊和客戶將避免訴訟獲得更多保護。
你將獲得無障礙認證。它證明你已完成此培訓。將你的認證發佈到你的 LinkedIn，在你的履歷或網站上列出，將其掛在你的辦公桌旁邊，並享受你來之不易的專業炫耀權利！
你將能夠自信地談論設計可訪問性。
你將為需要具備無障礙設計知識的工作做好準備。
你將能夠將其添加到你的履歷中（將其放在專業發展下作為“UX 設計師的輔助功能，Udemy，<完成年份>”）。這將幫助你找到工作！

本課程非常適合初學者！
在開始（或 WCAG、ADA 或可用性）之前，你不需要對可訪問性有任何預先的知識。

在本課程結束時，你將了解：

可訪問性排名前 3 領域的 51 個最佳實踐。

第一個領域是關於顏色對比，你將在其中學習 4 個強大的最佳實踐，包括：

禁用的元素是否需要具有一定程度的顏色對比（為了符合可訪問性）？
按鈕邊框、徽標或 UI 控件（如切換開關、複選框、分頁）怎麼樣？

第二個領域是色彩獨立性，它包含 10 個最佳實踐。喜歡：

你應該如何設計錯誤訊息的顯示。
如何使無法看到顏色或無法區分某些顏色的人可以使用顏色編碼的資料視覺化，例如圖表和圖形。

第三個區域是關於互動元素的。你將學習 37 個很棒的最佳實踐，以及以下內容：

為什麼使用“閱讀更多”或“詳細資訊”的鏈接對於可訪問性、可用性和 SEO 來說是一個大錯誤；以及改用什麼措辭。
什麼是按鈕的最佳形狀、最佳圓角半徑以及是否應該使用陰影。
“可供性”一詞如何指代指示如何使用實質物件而非數位的視覺提示。我會教你應該使用的術語。

應用所學知識的機會：

將有活動、測驗供你測試自己的知識、可下載的資源，並且你將讓我回答你在此過程中遇到的任何可訪問性或可用性問題。

這門課有什麼不同：

他的課程是你在其他在線根本找不到的提供具體操作方法的無障礙彙編課程。這是當我第一次學習如何設計可訪問性（並遵守 WCAG、ADA 和第 508 節）時，希望擁有的課程。
它非常實用。我將向你確切展示如何設計可訪問性。使用特定的 UI 設計，這些設計來自現實世界。不是一堆理論，也不是像“為了實現可訪問的設計，讓它們：深受感動、精確和簡單” 這樣的打高空泛談。現在就來上課吧，祝你好運！”不是這種課。
這些用例來自我多年來在公司、政府、小型企業和非營利組織領域進行 UX 設計的經驗。並設計符合第 508 節的 Web 應用程式和網站。
最佳實踐得到專家資源的支持。設計建議的準確性已經過深入研究，並由經驗豐富的可訪問性專家進行了同行評審。
這門課程做了很多工作，製作了超過 10 個月（並且還在不斷增加，因為增強功能還在不斷增加），這一切都是因為我希望你能最大限度地利用它。你將為這個無障礙課程付出血汗錢，所以我想給你更多而不是更少。完成本課程後，我希望你覺得自己真的很划算。

本課程適用於：

本課程面向負責數位界面設計的人員，他們希望使其更易於訪問和用戶友好（並且仍然具有美感），但難以確切知道如何才能使他們的 UI 設計易於訪問。

退款保證：

本課程提供 30 天退款保證。如果你因任何原因不滿意，你可以要求退費，無需詢問任何問題。

我邀請你觀看一些免費的預覽視訊。

如果你準備好了，我將教你設計可訪問界面所需的 51 個基本最佳實踐！

目標受眾

使用者體驗設計師、產品設計師、用戶界面設計師
有抱負的設計師
使用者體驗/產品團隊經理
設計的開發者

講師簡介

Liz Brown 首席使用者體驗設計師

技術如果沒有經過努力不可能變得更好。非常感謝你採取措施成為能夠實現這種改變的人。

作為 Udemy 講師團隊的一員，我致力於幫助你升級為專業使用者體驗 (UX) 設計師的課程。

我的使命是創造…

有趣的學習，你航行，
提供堅如磐石的策略和頂級技術的課程，以及
具體、可操作且充滿真實示例的操作方法。

但最終……我的使命是把你變成一個史詩般的使用者體驗設計師。

經歷 :

我致力於提高網站、應用程式和軟體的可用性、可訪問性和整體魅力。我以此為生。我的工作是把過時的、醜陋的、可用性混亂的東西變成無縫流暢、令人愉快、用戶友好的美女。這就是我的使用者體驗之旅。

多年來，我一直擔任美國政府承包商的高級使用者體驗設計師。我的工作是使用“UX 魔法”為各種軍事部門（例如陸軍、空軍、海軍陸戰隊、國土安全部、國防部、疾病控制中心）製作美觀、包容性設計、高性能的 Web 應用程式。我團隊的“魔術”奏效了。我們將 UX 帶到了以前從未聽說過的政府機構。 UX信徒誕生了。

我的 UX 之旅充滿了艱辛的經驗教訓、實戰挑戰以及艱鉅的實地工作。但也有令人興奮的經歷，如向比我級別高的高級主管們推銷創新理念，贏得創新獎項和資金，並與令人難以置信的強大團隊合作完成了影響數百萬用戶的數百萬美元專案。

我喜歡 UX 的地方在於它永遠不會停止發展。因為我也終身學習的 UX 學生。我相信“要成為專家，你必須不斷學習”的原則。

我想傳授的曲目：

我正在努力創建課程，以提升你在 UX 範圍內的專業知識：

迭代用戶體驗研究——

使用者體驗策略
精益使用者體驗，敏捷使用者體驗
用戶和業務需求評估
用戶研究和可用性測試
將調查結果匯總並傳達給決策者
宣傳 UX 創意、創新創意或一般的 UX

迭代 UX 和 UI 設計 –

資訊架構
線框（草圖和數位）
模型（視覺 UI 設計、講故事、品牌推廣）
無障礙設計（WCAG、Section 508、ADA 等）
原型設計、響應式設計、互動設計
生活設計系統/風格指南
為 Web 寫作
設計師和開發人員協作

我的課程有什麼不同：

我們一起重新設計現有的 UI，這樣你就可以看到如何去做（我相信展示不僅僅是告訴）。
許多“啊哈”時刻——我們查看現有設計，確定它們的問題，然後你觀看我們使用最佳實踐改造設計。
非常實用和具體——沒有打高空泛談，或“這取決於”，或只有簡單的理論。
有現實世界的例子嗎？是的，實用的現場技巧。
從真實的故事中學習——沒有什麼比故事更能貼合人心的了。（ Yay 心理學！）
每個部分都以“行動總結”（總結+行動項目清單）結束——這是我所做的，以使我的課程真正具有可操作性。
準備好在整個過程中受到鼓勵和提升——這些課程都是關於你的，把你變成你注定要成為的傑出設計師。

學生們是如何描述我的：“老師的熱情很有感染力，案例很到位，解釋也很棒。我一定會向我的同事推薦這個，謝謝 Liz”——學生，如何設計無障礙課程

為探索課程感到自豪；你正在採取具體步驟來提升你的專業知識、拓寬你的技能組合並載入你的工具箱。你將作為頂級職業選手脫穎而出，超越其他停止學習的人。我很高興能夠在這段旅程中給你幫助。現在讓我們去學習一些東西吧！

永遠不要忘記，世界需要你，發光發熱吧!

字幕：繁中、簡中、英文

想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

點選這個 Network & Security 課程✨優惠連結✨ ( NT370 起限時特價中 ) | Udemy 永久擁有課程 ( 在電腦瀏覽器登入，點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得）
Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
手機上點選優惠連結看到的價格比電腦上看到的貴
＄代表當地貨幣, 如在台灣為 NT
點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現