可訪問性簡介：第 3 部分

在我們的可訪問性概述的第一篇文章中，我們討論了網站可感知的標準。 接下來，我們討論了網站可操作的要求。 在我們可訪問性概述的最後一篇文章中，我們將介紹可訪問性網站的最後兩個原則：可理解性和穩健性。 可以理解，從表面上看，聽起來很不言自明。 但是健壯嗎？ 這到底是什麼意思？ 這就是我們要找出的。

讓我們從可以理解的開始。

可以理解

標準規定：“用戶界面的信息和操作必須易於理解。” 從內容的角度來看，這似乎是“好吧，顯然（翻白眼）”，你是對的。 網站可理解的原則應該是一個清晰的概念，但就像一座冰山，表面和底下是完全不同的兩件事。

要使網站易於理解，它必須涵蓋三個要點：可讀性、可預測性以及在涉及用戶輸入時提供幫助。 用戶必須能夠從語言的角度閱讀您的內容，讓網站以可預測的方式運行（“大多數”網站的行為方式），並在被要求提供輸入時獲得基本指示（想想聯繫人上的標籤形式）。

語言是可理解性標準的很大一部分。 在基礎級別，這意味著在您的主要 HTML 元素上使用lang屬性。 WordPress 主題應該默認這樣做。 lang屬性是 A-level 標準，這意味著它是第 508 條法律所要求的。 如果您的主題沒有，您可能會遇到其他幾個可訪問性問題。 因此，您可能需要認真考慮另一個主題。

一個可理解的網站更重要的方面之一是應用焦點時會發生什麼。 我們在本系列的上一篇文章中討論了很多焦點，但需要再次解決。 當一個元素獲得焦點時，該元素的上下文不應該改變。 這是一種科學的說法，不應該僅僅通過應用焦點來激活按鈕。 設身處地為使用鍵盤導航的人著想。 您按 Tab 鍵移動到下一個鏈接，然後突然加載了一個新頁面。 你能明白這是怎麼回事嗎？

可訪問性簡介：第 1 部分

可訪問性是您經常聽到的一個術語，但可能並不完全理解。 這部分是因為這個詞本身可能有點令人困惑。 詞根，訪問，使這個概念看起來與諸如......

可理解性標準，尤其是其可預測性方面，是預期按鈕行為如此重要的原因。 用戶在激活（單擊或按下回車鍵）按鈕之前不應提交表單。 除了應用懸停或焦點 CSS 狀態更改之外，只需將鼠標懸停在它上面或對其進行切換不應更改任何內容。

可預測性的另一個關鍵要素涉及您網站的設計。 像懸停和焦點狀態這樣的東西應該​​在整個站點中保持一致。 這使用戶，尤其是那些有視覺挑戰的用戶，可以更有效地查看狀態變化。 他們可能無法立即閱讀按鈕文本，但通過注意到顏色對比度的變化，他們會知道他們已經將鼠標懸停或聚焦在元素上。 這不僅是良好的設計，而且是良好的可訪問性。

在這一點上需要注意的是，許多可理解性標準都是 AAA 級的，這一點很重要。 雖然它們不是法律要求的，但這並不意味著它們不應該被考慮。 例如，以標準 3.1.5 – 閱讀水平根據您的目標受眾按滑動比例運行。 該標準參考了初中的閱讀水平。 這相當於大約 6 年級的閱讀水平，這是大多數現代美國報紙的標準，但根據主題，甚至報紙都沒有遵循這個標準。

在為網絡寫作時，您必須牢記您的消費者。 如果您的目標是攻讀博士學位的研究人員，那麼您的內容應該處於相似的水平。 但是，如果您是為公眾寫作，您將需要考慮 Flesch-Kincaid 閱讀量表之類的因素。 如果您為 WordPress 網站使用 Yoast SEO 插件，則內置 Flesch 量表測試。它將為您提供細分、評估被動語態、過渡詞和句子長度。 再次，牢記您的目標受眾。 Yoast 檢查器假定您正在為普通讀者寫作。 您的目標不應該是 Yoast 的綠色檢查，而是為您的受眾提供高質量的內容。

可理解性的最後一個關鍵部分是輸入輔助。 至少，這意味著兩件事：文本錯誤消息和表單輸入上的標籤。 必須告知用戶每個表單輸入的用途，並在出現錯誤時通過文本通知用戶。 這是法律標準要求的兩個A-level。 如果您使用的是流行的表單插件之一，例如 Gravity Forms 或 Caldera Forms，那麼您已經了解了簡單字段的錯誤消息部分。 您仍然需要確保您的元素已標記。 正確的標籤完全是它自己的主題，但現在只需確保您提供了合理的說明（名稱字段為“名稱”，電子郵件字段為“電子郵件”）。

強大的

可訪問性簡介：第 2 部分

在我們的可訪問性概述的第一篇文章中，我們討論了網站可感知的標準。 這一重要的第一步至關重要，但遠非全貌。 一旦我們已經...

可訪問性的最終原則是網站/數字內容是否健壯。 具體來說，“內容必須足夠健壯，能夠被包括輔助技術在內的各種用戶代理可靠地解釋。” 簡而言之：無論技術如何，都要確保它有效。 只有兩個標準涉及強大的站點，並且都是 A 級，這是第 508 條法律所要求的。

一個健壯的站點是一個遵循 HTML 標準的站點。 元素已完全成型，並在必要時關閉。 如果您打開<p>標記，請在段落完成後將其關閉。 這是另一個“好，很明顯”的例子，但錯誤發生了。 在上線之前通過 HTML 驗證服務運行您的網站。 W3C 提供免費服務。 使用它，修復你的錯誤，你會很高興的。

強大網站的另一個方面是 WAI-ARIA（Web Accessible Initiative – Accessible Rich Internet Applications）或 ARIA 真正發揮作用的地方。 ARIA 是它自己的主題，但簡而言之，您應該僅在需要時使用它。 當表單標籤不可見時，某些實例會使用 ARIA 標記表單元素。 這樣做還可以讓您了解可理解性的輸入幫助，具體取決於表單元素的其他標記方式。

結論

從表面上看，Web 可訪問性似乎是一個複雜的話題。 在某些方面確實如此，但通常解決方案很簡單。 擁有一個可訪問的網站就是擁有一個每個潛在用戶都可以享受的網站。 從商業角度來看，這加深了您的潛在客戶群。 更重要的是，從人類的角度來看，你並不排斥任何人。

在接下來的幾個月中，我將深入探討我們在本概述系列中介紹的一些主題。 在此之前，請查看標準並查看您的網站。 列出需要修復的內容並根據標準級別（A、AA 或 AAA）對其進行優先級排序。 如果您無法自行修復，請聘請無障礙顧問。 他們很樂意幫助您為所有潛在用戶改善互聯網。