起始點
要開始此挑戰，您應該去獲取 包含示例檔案的 ZIP 包。將內容解壓到本地計算機上的某個新目錄中。
或者，您也可以使用線上編輯器，例如 CodePen 或 JSFiddle。
完成後的挑戰站點應如下所示：
您會發現挑戰起始狀態的顯示存在一些差異/問題 — 這主要是由於標記中的差異，進而導致 CSS 未正確應用而產生的一些樣式問題。不用擔心 — 您將在接下來的部分中修復這些問題！
注意：如果你遇到困難，可以透過我們的 交流渠道 與我們聯絡。
專案簡介
對於本專案，您將看到一個虛構的自然網站，其中包含一篇關於熊的“事實性”文章。目前，它存在許多可訪問性問題 — 您的任務是探索現有網站並盡您所能修復它們，同時回答以下問題。
顏色
由於當前的配色方案，文字難以閱讀。您能否測試當前的顏色對比度（文字/背景），報告測試結果，然後透過更改指定的顏色來修復它？
語義化 HTML
- 內容仍然可訪問性不高 — 請報告當您嘗試使用螢幕閱讀器導航它時會發生什麼。
- 您能否更新文章文字，使其更易於螢幕閱讀器使用者導航？
- 可以透過將其放入合適的 HTML 語義元素中，來提高網站導航選單部分（包裹在
<div class="nav"></div>中）的可訪問性。應該更新成哪個元素？請進行更新。
注意： 您需要更新樣式標籤的 CSS 規則選擇器，使其與相應的語義標題標籤相匹配。新增段落元素後，您會注意到樣式看起來更好。
圖片
目前的圖片對於螢幕閱讀器使用者來說是不可訪問的。您能修復這個問題嗎？
音訊播放器
<audio>播放器對於聽障人士（聾啞人士）來說是不可訪問的 — 您能否為這些使用者新增某種可訪問的替代方案？<audio>播放器對於不支援 HTML 音訊的舊版瀏覽器使用者來說是不可訪問的。您如何讓他們仍然能夠訪問音訊？
表單
- 頂部搜尋表單中的
<input>元素缺少一個標籤，但我們不想新增一個可見的文字標籤，因為這可能會破壞設計，並且對於視力正常的使用者來說並非真正需要。您如何新增一個僅對螢幕閱讀器可訪問的標籤？ - 評論表單中的兩個
<input>元素有可見的文字標籤，但它們沒有明確地與其標籤相關聯 — 您如何實現這一點？請注意，您也需要更新一些 CSS 規則。
顯示/隱藏評論控制元件
顯示/隱藏評論控制元件按鈕目前無法透過鍵盤訪問。您能否使其可以透過鍵盤訪問，包括使用 Tab 鍵聚焦，以及使用 Enter 鍵啟用？
表格
資料表目前可訪問性不高 — 螢幕閱讀器使用者很難將資料行和列關聯起來，而且表格也沒有任何摘要來說明其顯示的內容。您能否在 HTML 中新增一些功能來解決這個問題？
其他考慮因素？
您能否列出另外兩個可以改進網站可訪問性的想法？