針對殘疾人的HTML採取的輔助功能步驟

Question

我已經創建了引導HTML設計，現在我正在考慮增強我的頁面，使殘疾人士也可以完美地閱讀或查看頁面。例如，一個盲人或一個聾人。

所以我認爲這些人正在使用一些特殊的屏幕閱讀器來代替普通的瀏覽器，但作爲一個網站開發人員，我應該從HTML的角度採取哪些步驟，因此屏幕閱讀器可以很容易地告訴他們我的網絡內容頁。

請指教，如果我使用一些特殊的JS插件或HTML標籤？

Answer 1

你誤會說盲人使用特殊屏幕閱讀器而不是普通瀏覽器。是的，他們（其實我們）確實使用屏幕閱讀器，但與正常瀏覽器。
屏幕閱讀器是一種軟件，可將屏幕上的文字轉換爲語音和/或隱藏的文字，以便盲人無需任何視力好的人的幫助即可感知。
爲了讓您的網頁能夠訪問盲人，請按照Web content accessibility guidelines (WCAG 2.0。

作爲第一步，你去檢查：

• 所有顯著圖像有替代文本（alt屬性）;
• 沒有獨特的顏色項目。例如，這是無法訪問：

請填寫表格。標記爲紅色的字段是必需的。

爲了使這個訪問，您可以：

• 留下你的文本是但required和aria-required="true"馬克必填字段;
• 喜歡這種改變您的文字（和設計，因此）：

形式請填寫。標有星號（*）的字段是必需的。

這確實是可以訪問的。然後，回來，你需要檢查什麼：

• 科冠軍應該被打上標題（<h1> ... <h6>標籤）。而且絕不應該使用標題來表達其他內容，比如將一段文字設爲粗體，或者只是爲了「美觀」。
• 所有重要的表格都應該正確標記。使用<caption>,<th>和其他有用的元素。
• 使用HTML 5語義標記。文章，筆記，除了元素，節，導航塊等應相應標記。

至於聾人的輔助功能，除了您應該提供視覺反饋，如果您的Web應用程序有一些聲音警報，沒有這樣的嚴格要求。理想情況下，提供您在網站上發佈的每個聲音和視頻文件（如面試）的文字說明。