如何使 Wordpress 網站易於訪問

全世界有數百萬人患有影響他們使用互聯網方式的殘疾。 隨著冠狀病毒大流行仍然增加了對輕鬆在線購物、食品訂購甚至遠程醫療服務的需求，網絡可訪問性比以往任何時候都更加重要。

本 Web 可訪問性指南討論了可訪問性是什麼、為什麼它很重要以及如何使 WordPress 網站可訪問，包括通過測試識別常見問題。

在本文中，我將介紹：

• 什麼是網絡可訪問性？
• 為什麼可訪問性很重要
• 有哪些常見的可訪問性問題？
• 測試 WordPress 網站的可訪問性
• 保持網站可訪問

什麼是網絡可訪問性？

簡而言之，可訪問的網站是所有人都可以使用的網站，包括可能無法通過典型的鍵盤和鼠標設置與網絡交互的人，以及具有各種智力或身體差異的人。

必須將特定功能內置到網站中，以使其對殘障人士可用且易於理解。 聽覺、視覺、認知、運動或學習障礙需要調整和網站修改以使其可用。 根據他們的情況，殘障人士使用各種輔助設備（例如屏幕閱讀器）來訪問網站。

Web 設計人員和開發人員需要確保其網站的內容和功能是可感知的、可操作的、可理解的和健壯的 (POUR)，這意味著所有人都可以在所有設備上訪問和理解內容和功能。

使網站更易於訪問的一些功能示例包括：

• 視頻和音頻文件的隱藏式字幕和成績單
• 圖像上的替代文字
• 跳過鏈接以協助鍵盤導航
• 適當的顏色對比，使文本更具可讀性

為什麼可訪問性很重要

網站可訪問性會對使用網絡的每個人產生影響。 如果您或您客戶的網站可以訪問，這可以確保每個人都可以平等地訪問在線信息、必需品、娛樂、購物等，無論其能力如何。

但是網站的可訪問性不僅僅關乎良好的業力。 它還對搜索引擎排名、新銷售和網站訪問者、法律複雜性和品牌形象產生實際影響。

搜索引擎排名

進行可訪問性修復可以提高網站的搜索引擎排名。 許多可訪問性功能，例如圖像上的替代文本和帶有標題的正確結構化內容，有助於可訪問性和搜索引擎優化 (SEO)。 在搜索結果頁面上排名較高可以提高新客戶或客戶的知名度，從而增加網站流量、轉化率、博客或新聞通訊訂閱者等。

增加銷售額

CDC 指出，截至 2018 年，四分之一的美國人患有殘疾。 殘疾美國人每年花費超過 2000 億美元的在線可自由支配支出。 輔助功能允許更多人查找和使用網站，從而增加新銷售、轉化和回頭客的機會。 噹噹今世界無法訪問許多網站時，任何可訪問的網站都將在競爭中脫穎而出。

這是法律要求的

所有網站都需要滿足美國殘疾人法案 (ADA) 中設定的網絡可訪問性標準。 根據 ADA，已經確立了將網站建立為公共場所的法律先例。 這意味著商業網站（本質上是他們的數字店面）需要以與實體企業大樓需要可訪問的方式相同的方式訪問。

地方、州和聯邦政府機構網站以及聯邦資助的組織和項目的任何網站也必須符合第 508 節的標準。此外，還有各種州和國際法律要求網站可以訪問。

如果網站不符合這些指南中規定的可訪問性要求，則該組織可能會面臨訴訟或在某些情況下受到政府罰款的風險。 根據 Usablenet 的數據，2020 年，美國提起了 3,550 起網站可訪問性訴訟。 保持法律合規性是開展業務的重要組成部分，擁有可訪問的網站是企業履行其法律義務的一種方式。

品牌形象

採取措施使他們的 WordPress 網站更易於訪問的公司和非營利組織表明他們正在履行社會責任，並確認他們希望讓互聯網成為每個人的地方。 對可訪問性的組織承諾向人們表明，他們以一種非常人性化的方式受到關心，從而建立忠誠度並提升品牌形象。

有哪些常見的可訪問性問題？

我的公司 Equalize Digital 是一家可訪問性諮詢公司，為企業、非營利組織和政府機構對網站進行可訪問性審計。 在我們所有的測試中，我們發現所有網站都重複出現了許多可訪問性問題。 這些常見問題是相對容易解決的問題，但通常被開發人員、設計人員和內容創建者忽略。

如果您想確保您構建或管理的網站可以訪問，請首先檢查以下問題：

替代文本缺失或質量低下

替代文本是屏幕閱讀器用來向盲人描述圖像內容或目的的內容。 如果替代文本為空，屏幕閱讀器將完全跳過它，或者可能會讀取圖像的文件名，當文件名是一串數字或不描述外觀時，這是沒有幫助的。 如果沒有適當的替代文本，盲人和視障用戶將無法理解圖像的上下文或理解。

低質量的替代文本是有問題的，因為它無法準確地描述圖像或過於冗長並可能導致混淆。 不需要將諸如“圖片”、“圖像”、“圖形”、“圖像”之類的單詞和短語添加到替代文本中，因為屏幕閱讀器會宣布存在圖像或圖形。

如果您有超過 125-150 個字符的替代文本，某些屏幕閱讀器會截斷並停止閱讀。 在替代文本中添加句點可能會導致屏幕閱讀器暫停，可能會使聽眾感到困惑或導致他們相信替代文本已經結束。

色彩對比不足

在網頁設計中，顏色對比度是指背景顏色與文本、按鈕或圖標等彩色元素之間的亮度度量。 背景色和前景色的比例必須為 4.5:1，標準大小的文本才算足夠。 您可以通過將兩種顏色的十六進制代碼輸入免費的顏色對比度檢查器來測試顏色對比度。

不明確的錨文本

錨文本是網頁上可點擊的詞或詞組。 單擊錨文本可能會將您帶到新網站、下載文檔、在新選項卡中打開圖像或視頻。 如果錨文本脫離上下文或描述鏈接的目的沒有意義，則被認為是模棱兩可的。 模棱兩可的錨文本的一些示例包括“鏈接”、“單擊此處”、“了解更多”或“繼續”。 在向內容添加鏈接時，如果有人只聽到鏈接（沒有任何周圍的文本），他們必須知道鏈接指向的位置或單擊鏈接時會發生什麼。

缺少字幕和成績單

字幕採用語音內容和非語音內容，例如視頻中的音效、音樂或笑聲，並通過文本進行描述。 它們在視頻期間出現在屏幕上，因此失聰和聽力障礙的用戶可以了解視頻中發生的事情。 此外，字幕必須與視頻的時間相匹配。 重要的是要注意字幕必須準確； 需要檢查自動生成的字幕的準確性。

抄本是對音頻剪輯或視頻中所說內容的書面記錄。 成績單提供了理解視頻內容或音頻文件的輔助手段。 它們應該與視頻的字幕一起使用，以便人們可以閱讀文字記錄而不是觀看視頻。 這很重要，因為並非所有用戶都能閱讀字幕。 成績單還提供了易於翻譯成其他語言的好處，並且可以幫助 SEO。

測試 WordPress 網站的可訪問性

測試網站可訪問性的最佳方法是執行自動、手動和用戶測試的組合。

自動化的可訪問性測試

使用 AI 掃描工具執行自動可訪問性測試。 有許多免費和付費工具可以提供各種可訪問性掃描功能。 在選擇自動化工具時，請記住以下幾點：

• 網站的大小。 如果您的網站較小，則免費工具可能適合您。 如果您有一個更大的網站，例如一個有博客的網站或擁有數千篇文章的電子商務部分，那麼付費工具可能更合適。
• 你需要多少支持。 如果您需要幫助查找網站上的可訪問性錯誤以便修復它們，免費工具可能是一個不錯的選擇。 如果您需要幫助了解可訪問性錯誤，或者希望其他人修復它們，請嘗試查找具有內置或由開發人員提供的支持選項的工具。 如果您不熟悉可訪問性補救措施，那麼獲得支持是關鍵。
• 用戶體驗。 一些自動輔助工具可以直接在您的網站上使用，例如，通過瀏覽器擴展程序或在 WordPress 儀表板中。 其他工具要求您使用與您的網站完全分離的界面。 如果您想在網站上工作時查看可訪問性錯誤，請選擇提供現場報告的工具。 這使您在編輯網站內容時更容易不斷檢查網站的可訪問性。

可以在任何網站上使用的兩種流行的免費工具是 WAVE 和 Axe。 這些工具都有 Chrome 和 Firefox 擴展，可用於測試單個 URL，一次一個，以及允許批量測試和附加功能的付費計劃。

可訪問性檢查器 WordPress 插件

如果您想運行批量可訪問性掃描並在 WordPress 儀表板中查看報告，WordPress 可訪問性檢查器插件是最好的工具。 您可以在 WordPress.org 上免費下載該插件的基本版本。

可訪問性檢查器掃描頁面和帖子以查找可訪問性錯誤或潛在問題，並將它們直接顯示在該頁面或帖子的編輯屏幕上。 這些頁內報告不僅可用於首先檢查網站是否可訪問，而且還可用於監控持續的可訪問性。

Accessibility Checker 運行 40 多種不同的檢查，包括針對上述常見問題的檢查。 免費版掃描帖子和頁面，專業版包括自定義帖子類型和存檔頁面的完整站點掃描。 可以忽略錯誤標記或審查的項目，以便跟踪隨時間推移進行的可訪問性修復。 對於代理商、開發人員和 WordPress 用戶來說，它是一個很棒的工具。

手動測試

不幸的是，自動掃描無法識別網站上的每個可訪問性問題——有些問題只能由體驗網站的人來確定。 在使用 Accessibility Checker 等自動化工具測試網站後，接下來執行手動測試以確保所有人都可以使用它，無論他們使用哪種設備。

手動可訪問性測試的第一步是確認用戶僅使用鍵盤即可完全導航。 轉到網站的前端並使用製表符和箭頭鍵在網站中移動，確保您不會丟失您的位置，並且您可以使用網站的所有部分。

鍵盤測試後，您可以繼續進行屏幕閱讀器測試。 屏幕閱讀器是一種輔助技術軟件，盲人和視障人士使用它來理解 Web 內容。 如果您有 Mac，則可以使用電腦內置的 VoiceOver 軟件。 如果您沒有 Mac，您可以下載免費的開源屏幕閱讀器 NVDA 或購買流行的屏幕閱讀器 JAWS。 最佳做法是使用兩個或更多屏幕閱讀器測試您的網站，因為並非所有屏幕閱讀器都對單個元素說同樣的話。

要使用屏幕閱讀器測試您的網站，請轉到您要測試的頁面，然後像在鍵盤導航測試期間那樣在頁面中移動，僅使用選項卡和箭頭鍵。 在您瀏覽頁面時聆聽屏幕閱讀器所說的內容，並標記任何不正確或令人困惑的內容。 收聽自動播放的媒體文件或滑塊併中斷頁面上的其他內容。

執行鍵盤導航和屏幕閱讀器測試後，您需要檢查所有嵌入或鏈接的媒體文件。 媒體文件包括視頻、音頻文件、PDF、.Doc 或 .XLS 文件、圖像或文本滑塊以及第三方小部件或 iFrame。 確保殘障人士可以訪問、交互並理解所有嵌入或鏈接的媒體文件呈現的內容。

用戶測試

在自動化和手動可訪問性測試之後，建議執行用戶測試。 用戶測試涉及僱用現實世界的輔助技術用戶來測試您的網站是否存在可訪問性錯誤。 通常，Web 開發人員會向測試用戶提供具有特定目標的簡要說明。 然後，測試用戶將嘗試完成這些目標，然後向開發人員提供反饋。

您可以通過付費或志願者計劃僱用個人測試用戶，或者找到提供用戶測試服務的無障礙公司。

結論：保持網站可訪問

需要注意的是，與 SEO 一樣，可訪問性是一個需要持續監控和修改的持續過程。 為確保您的網站保持可訪問性，請制定以下計劃：

• 使用 Accessibility Checker 插件等工具定期監控和測試可訪問性錯誤。
• 在 Web 可訪問性最佳實踐方面培訓 Web 開發人員、設計師和內容創建者。 如果您要為客戶啟動網站，請確保他們知道如何在啟動後以可訪問的方式添加內容。
• 隨時了解您必須遵循的任何可訪問性指南或法律變更。

採取這些步驟將有助於確保您的網站保持可訪問性，並且所有人都可以平等地訪問網絡上的信息、產品和服務，無論他們的能力如何。