WCAG的問題，透過圖書和論文來找解法和答案更準確安心。 我們找到下列問答集和資訊懶人包

HTML5與CSS3基礎教程（第9版）

為了解決WCAG的問題，作者（美）喬·卡薩博納 這樣論述：

本書系統地講解了HTML5和CSS3基礎知識以及實際運用技術，通過大量實例深入淺出地分析網頁製作的方方面面。書中不僅介紹了文本、連結、媒體、表格、清單、表單等網頁元素，而且介紹了如何為網頁設計佈局，添加動態效果等；另外，還涉及上線、測試、優化和無障礙性等內容。通過學習本書，初級水準的讀者即可創建網站，而中高級水準的開發人員也可以快速瞭解HTML5新元素、CSS3的奇幻效果、回應式Web設計以及各種最佳實踐。 版權聲明 獻詞 致謝 引言 第1章什麼是HTML和CSS1 1．1什麼是HTML1 1．2什麼是CSS3 1．3HTML和CSS是如何一起工作的4 1．4小結6 第

2章在電腦上創建網站7 2．1使用文字編輯器7 2．2使用高級工具8 2．3網站目錄結構與檔副檔名9 2．4使用CodePen進行快速測試11 2．5小結11 第3章HTML語法12 3．1HTML標籤是怎樣工作的12 3．2添加注釋14 3．3創建HTML頁面的結構15 3．4標籤16 3．5什麼是語義化標記17 3．6小結17 第4章基本的HTML元素18 4．1HTML文本的格式化18 4．2段落與標題18 4．3列表19 4．4引用塊級文本20 4．5行內文本的格式化21 4．6對代碼進行標記22 第5章連結25 5．1連結標記25 5．2URL的結構26 5．3內部連結與外部連

結27 5．4相對連結和絕對連結27 5．5其他連結類型29 5．6連結目標30 5．7小結31 第6章HTML結構與佈局32 6．1網頁佈局32 6．2塊級元素與行內元素35 6．3頁面區塊36 6．4建立博客文章的佈局38 6．5小結41 第7章媒體42 7．1Web上的媒體是如何工作的42 7．2圖像43 7．3在網頁中添加圖像45 7．4回應式圖像：考慮不同的設備和網路環境47 7．5元素49 7．6使用SVG49 7．7其他媒體52 7．8嵌入視頻53 7．9嵌入音訊54 7．10存放多媒體檔55 7．11小結57 第8章表格與其他結構化資料元素58 8．1表格58 8．2描述

列表62 8．3為什麼結構化資料很重要64 8．4小結66 第9章Web表單67 9．1用戶與網頁的交互67 9．2Web表單的工作方式68 9．3HTML表單的組成部分69 9．4元素69 9．5表單字段70 9．6為欄位添加標籤73 9．7創建基礎資料表單74 9．8創建選擇框74 9．9創建選項按鈕76 9．10創建核取方塊76 9．11創建電子郵件表單77 9．12特殊欄位類型78 9．13元素80 9．14對表單進行校驗80 9．15小結82 第10章高級實驗性功能83 10．1事關流覽器的支援情況83 10．2高級元素86 10．3實驗性功能88 10．4小結89 第11章C

SS簡介90 11．1什麼是樣式90 11．2層疊的含義91 11．3CSS語法91 11．4在網頁上使用CSS93 11．5外部樣式表95 11．6在CSS代碼中添加注釋95 11．7小結96 第12章定位元素97 12．1通過標籤定位元素97 12．2按類定位元素99 12．3層疊、繼承和父子關係101 12．4通過元素之間的關係選擇元素102 12．5層疊的特殊性和優先順序104 12．6用特定的屬性定位元素105 12．7高級定位方法106 12．8小結108 第13章為文本設置樣式109 13．1選擇字體109 13．2Google字體112 13．3使用@font-face引入

外部字體114 13．4設置文本大小117 13．5設置文字格式118 13．6提高可讀性121 13．7小結123 第14章CSS中的顏色124 14．1電腦顯示器的工作原理124 14．2在CSS中表示顏色125 14．3漸變色129 14．4border屬性132 14．5小結133 第15章使用CSS進行頁面配置134 15．1盒模型134 15．2內邊距與外邊距138 15．3元素流141 15．4創建層和疊放元素146 15．5使用z-index創建彈窗147 15．6關於網頁佈局的一些說明148 15．7小結148 第16章CSS網格和Flexbox佈局149 16．1一個

重要問題的現代解決方案149 16．2使用Flexbox153 16．3使用CSS網格佈局160 16．4流覽器支援情況164 16．5小結165 第17章回應式設計與媒體查詢166 17．1定義媒體查詢166 17．2回應式佈局168 17．3創建回應式全寬佈局170 17．4不只是螢幕寬度174 17．5小結177 第18章CSS變形與動畫178 18．1CSS過渡178 18．2CSS變形180 18．3CSS動畫183 18．4小結187 第19章CSS變數188 19．1什麼是變數188 19．2用變數簡化樣式191 19．3對變數進行計算192 19．4小結194 第20章

CSS前置處理器195 20．1CSS前置處理器是如何工作的195 20．2Sass入門196 20．3編寫Sass199 20．4小結205 第21章網站上線206 21．1選擇託管商和功能變數名稱206 21．2上線前檢查210 21．3將網站上線211 21．4測試網站213 21．5小結214 第22章測試網站215 22．1為什麼要測試網站215 22．2驗證標記216 22．3流覽器測試217 22．4設備測試219 22．5使用Chrome開發者工具進行故障排查221 22．6小結224 第23章提升網站性能225 23．1性能的含義225 23．2瞭解網站的性能226 2

3．3性能測試工具226 23．4壓縮HTML和CSS檔229 23．5優化圖像231 23．6優先載入關鍵CSS234 23．7小結237 第24章Web無障礙性238 24．1涵蓋盡可能多的人238 24．2截至目前的效果240 24．3額外的標籤和屬性241 24．4無障礙性測試和驗證242 24．5確定WCAG等級245 24．6小結246 第25章HTML和CSS之外247 25．1JavaScript247 25．2常見的JavaScript庫248 25．3版本控制250 25．4構建工具253 25．5小結255 總結256

WCAG進入發燒排行的影片

高齡者智慧醫療舌肌訓練遊戲化設計與心流狀態量測

為了解決WCAG的問題，作者黃嘉旭 這樣論述：

本研究設計一款針對 45 ~ 75 中年至年長者的吞嚥訓練運動遊戲— Mu-sicTongue舌肌律動，並針對此遊戲進行心流（Flow）實驗，收集能用以預測心流狀態的生理訊號指標。吞嚥困難常見於 60 歲以上族群，將造成進食障礙、口語表達能力受限等問題，現有訓練過程缺乏回饋與監督方式，影響年長者訓練動機；本研究透過由護理與口腔訓練專家制定訓練動作，結合遊戲化概念設計口腔訓練運動遊戲，遊戲主題以年長者休閒興趣、生活經驗制定，並以 TF-Lite 設計影像辨識資料集實作技術原型；與年長者訪談後發現音樂元素是最具發展性的運動遊戲主題，因此設計搭配音樂進行口腔訓練的運動遊戲「MusicTongue

舌肌律動」。進行心流與技術原型實驗後（N = 36；Mean = 60.31；SD = 7.8），發現到遊戲在迭代間易用性有顯著提升，多數受測者能流暢的參與遊戲並對口腔訓練感到興趣；心流狀態越佳，則遊玩成績越高，LF-HRV、LF/EF、SDNN 是用於預測心流狀態相對顯著的生理訊號指標。

Inclusive Design for a Digital World: Designing with Accessibility in Mind

為了解決WCAG的問題，作者Gilbert, Regine M. 這樣論述：

What is inclusive design? It is simple. It means that your product has been created with the intention of being accessible to as many different users as possible. For a long time, the concept of accessibility has been limited in terms of only defining physical spaces. However, change is afoot: perso

nal technology now plays a part in the everyday lives of most of us, and thus it is a responsibility for designers of apps, web pages, and more public-facing tech products to make them accessible to all. Our digital era brings progressive ideas and paradigm shifts - but they are only truly progressi

ve if everybody can participate.In Inclusive Design for a Digital World, multiple crucial aspects of technological accessibility are confronted, followed by step-by-step solutions from User Experience Design professor and author Regine Gilbert. Think about every potential user who could be using you

r product. Could they be visually impaired? Have limited motor skills? Be deaf or hard of hearing? This book addresses a plethora of web accessibility issues that people with disabilities face. Your app might be blocking out an entire sector of the population without you ever intending or realizing

it. For example, is your instructional text full of animated words and Emoji icons? This makes it difficult for a user with vision impairment to use an assistive reading device, such as a speech synthesizer, along with your app correctly. In Inclusive Design for a Digital World, Gilbert covers the W

eb Content Accessibility Guidelines (WCAG) 2.1 requirements, emerging technologies such as VR and AR, best practices for web development, and more.As a creator in the modern digital era, your aim should be to make products that are inclusive of all people. Technology has, overall, increased connecti

on and information equality around the world. To continue its impact, access and usability of such technology must be made a priority, and there is no better place to get started than Inclusive Design for a Digital World.What You'll LearnThe moral, ethical, and high level legal reasons for accessibl

e designTools and best practices for user research and web developersThe different types of designs for disabilities on various platformsFamiliarize yourself with web compliance guidelinesTest products and usability best practicesUnderstand past innovations and future opportunities for continued imp

rovementWho This Book Is ForPractitioners of product design, product development, content, and design can benefit from this book. Regine Gilbert is a user experience designer, educator, and international public speaker with over 10 years of experience working in the technology arena. Her passion f

or accessibility stems from growing up with family who were disabled. Since working in technology she has spearheaded accessibility initiatives within the organizations in which she worked including creation of guidelines and training. She has a strong belief in making the world a more accessible pl

ace--one that starts and ends with the user.Regine is an Adjunct Professor at NYU Tandon School of Engineering, teaching User Experience Design to students in the Integrated Digital Media Program. In addition, she teaches the part time User Experience Design course at General Assembly. Some of the c

ompanies Regine has had the pleasure of working for include Disney, JP Morgan, Four Seasons Hotel and Resorts, Ralph Lauren, Columbia University and Vitamin Shoppe.

透過網路驗證碼機制自動提供色覺障礙使用者最佳網頁色彩以提升網頁可及性之包容性設計

為了解決WCAG的問題，作者吳佳玲 這樣論述：

面對資訊量龐大的網頁內容，畫面中的色彩提供人們更多的視覺線索，幫助使用者分配注意力資源並加速思考流程，以更有效率的方式達成操作目的。然而透過這些豐富色彩增加畫面美感、提升一般使用者網頁易用性的同時，色彩知覺障礙使用者可能因為某些他們無法分辨的色相組合，導致會需要花比一般視覺使用者更多的時間來查找資訊，甚至可能會產生內容判讀上的困難，種種問題皆會造成他們的網頁可及性低落，雖然目前在網頁檢索上已有許多色彩轉換的輔助濾鏡，然而目前的輔助工具都是需要透過使用者自行安裝並設定，除了會增加使用者的網頁操作步驟外，無形之中也可能會喚醒色彩知覺障礙使用者自我缺陷的潛在意識。本研究藉由驗證碼機制與色彩知覺障礙

篩檢功能的結合，讓使用者在網頁入口端輸入網頁驗證碼的階段，即可判別使用者的真人身份與其色視覺狀態；並參考色彩通用設計協會所提出的色彩通用設計建議指南，其中對於色彩知覺障礙使用者的設計選色建議與原則，以提出更合適不同類型色彩知覺障礙使用者觀看的網頁色彩配置，最終結合以上兩部分發展出一套能夠辨識使用者色覺狀態後即自動為使用者進行網頁色彩調整的系統，且此系統的設計概念為包容性設計，相較於通用設計的概念，更能夠精準提供色彩知覺障礙使用者更加符合他們使用需求的解決方案。最後透過本研究自行架設的前端網頁以展示整體系統流程的設計，並透過實驗任務測試、問卷填寫與質性訪談方式，驗證本研究所提出之系統與流程對於色

彩知覺障礙使用者的網頁可及性與網頁操作效率之提升，以及系統易用性與使用者的主觀感受評估。