在設計網站時，考慮您的受眾很重要。如果您不針對各種使用者優化網站，您將限制誰可以檢視您的內容。如果不積極考慮 WordPress 的可訪問性，它可能會導致使用者快速離開您的網站並且永遠不會返回。
專注於 WordPress中的可訪問性使更多的人能夠瀏覽該網站並與之互動。藉助可訪問的設計和包容性功能，可以改善殘障人士的整體使用者體驗 (UX)。
在本文中，我們將仔細研究WordPress可訪問性選項以及如何在您的網站上實施它們。然後，我們將向您展示如何在釋出您的內容之前測試新功能。
什麼是Web可訪問性？
Web可訪問性是使網站可供各種使用者（包括殘疾人）訪問的過程。即使某人有視覺或運動障礙，網路可訪問性也可以讓他們平等地訪問線上內容。
WordPress可訪問性簡介
例如，簡單的對比色方案將使色盲使用者能夠輕鬆閱讀內容。此外，由於其他訪問者可能無法使用滑鼠，因此您只需使用鍵盤即可使您的網站可導航。
在美國殘疾人法案 (ADA)通過後，網路無障礙成為法律要求。如果您是Web開發人員或網站所有者，則在設計頁面時必須牢記Web內容可訪問性指南 (WCAG)。
例如，內容需要是：
- 可感知。線上使用者應該能夠辨別網頁上的資訊，即使他們使用的是螢幕閱讀器等輔助技術。
- 可操作。網站必須易於瀏覽，無論訪問者使用滑鼠、鍵盤還是語音命令。
- 可以理解。您的內容必須可讀且易於理解。
- 可自適應。使用者應該能夠使用各種裝置訪問您的內容，包括移動裝置、瀏覽器和螢幕閱讀器。
對於WordPress，可訪問性選項可能會受到影響。儘管WordPress可訪問性團隊始終評估核心軟體、主題和外掛，但不能保證這些功能會合規。
本質上，開發人員和內容建立者負責選擇他們自己的可訪問性工具包。這可能需要額外的時間和精力，但它提供了許多好處：
- 使廣泛的使用者能夠檢視您的內容
- 改善殘障人士的整體使用者體驗
- 它有助於與您的觀眾建立信任
簡而言之，您希望每個人都能夠訪問您的WordPress網站。許多網站將有視力障礙或其他殘疾的使用者排除在外，但您應該在開發和設計過程中積極考慮他們。
Web可訪問性的主要特點是什麼？
在使您的網站可訪問時，您需要處理幾個功能。這些包括：
- 導航。訪問者應僅使用鍵盤或輔助技術訪問網站的任何部分。
- 替代文字。為視障使用者使用描述性文字，以便他們可以使用螢幕閱讀器訪問資訊。
- 配色方案。調色盤應該有對比色，使內容更具可讀性。
- 字型。網站上的所有文字大小至少應為16畫素，並使用清晰的字型樣式。
即使您無法考慮所有醫療狀況，但這些功能可以確保更多人可以與您的網站互動。
WordPress可訪問性的8個要點
現在我們已經瞭解了Web可訪問性的重要性，讓我們討論如何優化您的網站以符合這些準則。
1. 選擇正確的WordPress主題
在設計網站時，您可能很想選擇最好的免費WordPress主題之一。儘管許多選項很受歡迎、價格合理且設計精良，但這並不意味著它們可以使用。
某些主題可能會使殘障人士難以檢視您的內容。例如，預設配色方案可能具有相似的色調，這意味著色盲使用者將無法識別差異。
但是，您會在WordPress上找到幾個可訪問的主題。這些選項已通過可訪問性稽覈，提供了便於導航和清晰可見性的附加功能。
以下是您應該在可訪問主題中尋找的一些基本功能：
- 鍵盤導航
- 合理的HTML標題結構
- 對比色方案
在搜尋WordPress可訪問性主題時，您可以使用過濾器縮小選項範圍。在主題目錄上，只需單擊功能篩選器並選擇可訪問性就緒。
應用過濾器後，您可以檢視所有符合WordPress可訪問性要求的主題。其中許多選項將具有簡單的設計併為輔助技術提供支援。
但是，重要的是要注意這些主題僅需要滿足最低可訪問性要求。特定主題可能無法說明不同程度的殘疾及其特定需求。為確保主題適合您個人，您需要閱讀說明並評估其提供的可訪問功能。
2. 使用外掛新增功能特性
另一個簡單的解決方案是使用WordPress可訪問性外掛。當您安裝WordPress外掛時，您可以自動提升網站的可訪問性，而無需進行任何維護。
在可訪問性方面，有兩種型別的外掛可以提供幫助——一些外掛旨在幫助您構建可訪問的內容，而另一些外掛可以使現有網站更具包容性。
您可以通過應用正確的篩選器找到WordPress ADA合規外掛。如果您使用的是外掛目錄，請確保使用“可訪問性”外掛標籤瀏覽您的結果。
可訪問性的最佳WordPress外掛之一是One Click Accessibility。
建立網站後，此工具可以新增新功能，以便任何人都可以檢視內容。例如，為鍵盤使用者啟用跳至內容功能，並使用負對比度、淺色背景或灰度選項更改配色方案。
3. 用替代文字描述你的圖片
影象對網站而言與任何其他型別的內容一樣重要。事實上，它們通常比文字塊更可取，因為它們可以立即且更有創意地提供必要的資訊。
當由螢幕閱讀器閱讀時，編寫良好的alt文字（也稱為alt標籤或alt描述）可以向視障人士提供有關影象的類似資訊，從而充分體驗網站的內容。
Alt文字在WordPress SEO中也發揮著重要作用，因為搜尋引擎使用它們返回搜尋結果。因此，處理您的alt描述不應該簡單地看一眼。
在WordPress中上傳照片後，轉到頁面右側的附件詳細資訊。在這裡，您將看到新增title、caption、description和alt text的選項。
對於替代文字，請確保在不超過字數限制（大約125個字元）的情況下編寫影象描述。由於搜尋引擎也使用此資訊來理解影象，因此不要忘記包含目標關鍵字以提高您的排名。
雖然標題是可選的，但它們可以為讀者提供額外的資訊。雖然替代文字應該簡短且具有描述性，但您可以在字幕中更詳細地介紹。
向影象新增替代文字和標題可能是使您的WordPress網站更易於訪問的一種簡單方法。即使使用者無法親眼看到這些視覺效果，他們也可以通過聽到它們的描述來理解它們。
另一個有用的WordPress可訪問性外掛是Bulk Auto Image Alt Text。
顧名思義，此工具可以一次自動將替代文字新增到多個影象。它從影象名稱、文章標題或關鍵字生成alt標籤，並與Yoast SEO和WooCommerce相容。
4.使用清晰的字型
在設計線上內容時，您可能不會將字型視為可訪問性問題。但是，錯誤的字型樣式和大小會使人們難以閱讀您的內容。
如果您選擇裝飾性自定義字型，例如草書樣式，有些人可能難以理解。因此，您需要選擇簡單易讀的樣式，例如Calibri、Arial和Times New Roman。
另一個需要考慮的因素是字型大小。通常，可訪問的字型大小應至少為16畫素。如果您的讀者視力有限，他們還需要能夠放大或調整顯示大小。
使用塊主題時，您可以使用站點編輯器編輯站點的字型。在您的WordPress儀表板中，開啟Appearance -> Editor。然後，選擇排版。
接下來，單擊文字元素。這將為您的字型樣式和大小開啟自定義選項。
要啟用字型大小調整，請使用Zeno Font Resizer等外掛。
使用此工具，您可以讓訪問者根據自己的喜好調整字型大小。此外，該外掛使用cookie來儲存使用者的偏好。
字型推薦：
5.選擇對比色
當您自定義網站的配色方案時，重要的是要考慮可能有色盲的觀眾。如果您選擇色調非常相似的顏色，視力不佳的人可能無法分辨它們之間的區別。
選擇對比色時，任何訪問者都會輕鬆閱讀您的內容。通常，帶有白色背景的黑色文字是最可取的選擇，因為它具有鮮明的對比。
幸運的是，如果您嘗試使用相似的色調，WordPress會自動通知您。當它檢測到難以閱讀的顏色組合時，它會建議使用深色背景和明亮的配色方案。
您還可以使用WebAIM對比度檢查器為您的網站查詢可訪問的顏色。該工具允許嘗試不同的陰影組合並檢視它們是否具有足夠的對比度。
選擇顏色後，WebAIM對比度檢查器將給出對比度。如果顏色的比例至少為4.5:1，則它們將通過WCAG可訪問性要求。此外，您可以預覽所選顏色的實際效果並確定它們是否適合您的網站。
6.新增標題
撰寫新文章時，您需要使用適當的標題來組織它們。通過將文字分成不同的部分，您的內容將更易於閱讀和理解。
沒有人願意不間斷地閱讀一大段文字。因此，標題和適當的間距可以成為保持讀者參與的有效方法。特別是如果您的觀眾有學習障礙，新增標題可以防止他們感到沮喪並完全離開網站。
WordPress區塊編輯器可以輕鬆為您的網站新增和組織標題。您可以簡單地新增一個新的標題區塊，然後選擇您想要的大小。
格式化標題後，您可以檢查它們的大小是否正確。為此，請單擊左上角的詳細資訊按鈕。如果標題級別不正確，WordPress將提供警告訊息。
通過在您的文章中新增適當的標題，您將鼓勵訪問者從頭到尾閱讀帖子。反過來，這將降低跳出率並增加使用者參與度。
7.使用描述性錨文字
增加WordPress可訪問性的另一種方法是標記您的連結。撰寫帖子時，您可能希望包含外部和內部連結，以將使用者引導至不同的網頁。但是，如果您只是使用“單擊此處”作為錨文字，則不會描述連結的目標。
如果您的觀眾使用螢幕閱讀器，最好使錨文字更具描述性。這樣，使用者將在採取行動之前準確地知道他們正在點選什麼。
例如，您可能希望引導使用者參加線上課程。通過使用“我的課程”錨定頁面連結，您將告知檢視者連結指向的位置。
您還可以新增按鈕以突出顯示連結並使其更易於閱讀。為此，只需在文章編輯器中插入一個按鈕區塊。
然後，寫一個簡短的描述，指定連結將指向何處。通過編輯按鈕的文字和背景顏色，您可以設定易於閱讀的對比色調。
總之，您會希望網站上的每個連結都經過精心描述和精心設計。當訪問者使用螢幕閱讀器時，描述性錨文字可以告知他們連結的目的地。這使他們能夠毫不費力地瀏覽內容。
8. 為視訊寫字幕和文字記錄
如果您的網站包含視訊，那麼也必須使這些內容易於訪問。對於有聽力或聽覺處理困難的讀者，您可以建立視訊字幕和文字記錄。這將有助於他們清楚地理解內容。
將視訊新增到WordPress的最簡單方法之一是插入YouTube區塊。幸運的是，YouTube具有自動字幕功能。這可以節省您自己建立字幕的時間。
對於較長的視訊，請考慮建立指令碼。這涉及將視訊中的每個口語單詞翻譯成書面檔案。
成績單可以幫助讀者瞭解視訊中發生的一切。如果您釋出播客視訊，將其轉換為成績單可提供有用的收聽指南。
一旦您決定編寫成績單，請在WordPress文章中輸入此內容。如果您是一個很好的傾聽者和快速打字員，這可能是一個簡單的選擇。
但是，您也可以使用有用的轉錄軟體來處理視訊。使用VEED.IO等工具，您可以一鍵上傳音訊檔案並將其轉換為文字。
該工具可以自動轉錄音訊檔案並將其翻譯成100多種語言。您還可以選擇在下載之前編輯成績單。
如何測試WordPress可訪問性
製作網站後，測試其可訪問性很重要。您需要確保每個功能在啟動之前都能正常執行。
一個簡單的方法是進行自動化測試。這涉及通過可訪問性評估工具執行網站，以檢視其執行情況。
一種流行的測試WordPress可訪問性的工具是WAVE。輸入您網站的URL後，WAVE將提供可用輔助功能的摘要，以及您可以進行的改進列表。
滾動瀏覽站點的預覽視窗時，單擊可訪問性較差區域的警報圖示。WAVE將通知您任何對比度錯誤、跳過的標題級別或冗餘連結。
同時，“結構”選項卡會告訴您您的內容是否易於瀏覽。
儘管此工具非常有用，但它可能無法解決所有可訪問性問題。因此，您可能還需要考慮手動測試網站。
對於手動測試，請轉到您網站的前端並嘗試瀏覽內容，就好像您是新訪問者一樣。首先，檢查是否有任何閃爍或移動的元素會分散或混淆使用者的注意力。然後，評估字型大小和配色方案是否易於閱讀。
以下是執行手動測試的一些額外提示：
- 確保您可以僅使用鍵盤瀏覽網站
- 使用螢幕閱讀器瞭解您的內容在大聲朗讀時的聲音
- 測試字型大小調整功能
網站成功啟動後，您可能希望收集訪問者的反饋。如果您收到有關如何使內容更易於訪問的評論，請嘗試實施這些更改。
小結
專注於可訪問性功能可能是留住線上訪問者的關鍵。在考慮殘疾人時，您可以輕鬆地為他們提供替代方案。這將有助於建立與讀者的信任，並讓他們回來獲取新內容。
回顧一下，這裡有一些方法可以讓您的WordPress網站更易於訪問：
- 選擇合適的主題
- 使用WordPress外掛新增功能特性
- 用替代文字描述影象
- 使用清晰的字型
- 為網站設計選擇對比色
- 包含較長文字的標題
- 清楚地標記連結
- 寫標題和成績單
我們希望本指南有助於簡化WordPress的可訪問性，以便您可以使網站可供所有型別的訪問者使用。
WordPress可訪問性常見問題解答
到目前為止，我們已經討論了一些使您的網站更易於訪問的實用方法。現在，讓我們看一些關於WordPress ADA合規性的常見問題。
我的WordPress網站是否符合ADA標準？
由於擁有無法訪問的網站是違法的，因此確保您的網站符合ADA標準非常重要。如果您不確定您的WordPress網站是否符合ADA指南，請使用Accessibility Suite等外掛。這將為您提供有關網站可訪問性的詳細報告。
WordPress的可訪問性如何？
WordPress不保證其所有軟體都可以訪問，但某些主題和外掛由輔助功能團隊的專家檢查。此外，WordPress希望其編碼至少符合Web內容可訪問性指南 (WCAG) 的AA級。當您擁有一個WordPress網站時，實現可訪問的功能相當簡單。您可以簡單地選擇WordPress可訪問性就緒的主題和外掛，然後使用WAVE之類的工具檢查該站點。
評論留言