WordPress 可訪問性的終極指南
已發表: 2021-07-28
WordPress 可訪問性解釋和主題
作為一名網絡開發人員，尤其是在 WordPress 上工作，是非常有益的。 但是，要獲得回報，確保您的網站快速加載、遵循每一個 SEO 實踐並且響應迅速對您來說非常重要。 除此之外，您還必須為您的網站添加創意以吸引更多客戶和用戶。
在設計您的網站時，您應該始終牢記客戶的目標，為他們提供愉快的工作體驗。 然而，在談到用戶體驗時，大多數人往往會忘記，或者說忽略了一個非常重要的事情，那就是網站的可訪問性。
據眾多報告顯示，近 50% 的殘疾成年人經常使用互聯網，而且這一比例每天都在增長。 由於這個原因，對於那些正在考慮為所有客戶提供令人滿意的用戶體驗的 Web 開發人員來說，可訪問性變得非常重要。
因此，如果您對 WordPress 的可訪問性感到好奇並正在尋找有關此上下文的更多信息，那麼請務必查看博客的其餘部分。
什麼是可訪問性，為什麼它很重要？
術語“網絡可訪問性”用於表示一些設計技術，使殘障人士可以輕鬆訪問您網站的眾多功能或項目。 因此，在嘗試使您的網站易於訪問時，您必須牢記多種類型的障礙，例如視覺、言語、聽覺、認知和身體。 由於這個原因，您必須以能夠適應客戶的情況、需求和偏好的方式對其進行設計。 Web 可訪問性的另一個目的是讓那些使用手機且沒有高速互聯網連接的用戶也可以訪問您的網站。
簡而言之，網絡可訪問性有助於使互聯網成為每個人都更好的地方。 但是，如果您從商人的角度來看，一個可訪問的網站可以通過為他們提供最優質的用戶體驗來幫助您創建更大的客戶群。 它還可以幫助您保護公司或企業的形象。
如何提高您的 WordPress 可訪問性？
根據 WCAG，一個可正常訪問的 WordPress 網站的內容需要是：
- Perspicuous：用戶界面和網站上的所有信息都需要讓每個人都能理解。
- 可用：無論人們使用什麼方法或設備，網站的 UI 模塊和導航都需要可用和可操作。
- 健壯：網站的內容應該簡單，以便每個用戶以及輔助技術都能理解。
因此，在提高 WordPress 可訪問性的同時，請確保始終牢記這三件事。 如果您忽略其中一項原則，那麼很大一部分殘疾人可能無法正確訪問您的網站。
要徹底遵循這些原則並提高您網站的可訪問性，您必須對您的網站進行大量更改。 但是，在開始進行這些更改之前，您需要清楚地了解您網站當前的可訪問性。 為此，您可以使用一些免費工具，這將幫助您了解網站中已經優化的部分以及需要改進的部分。
完成可訪問性測試後，您可以繼續下一步，即帶來更改。 下面列出了一些提示，它們可以幫助您讓世界上所有可能的用戶都可以訪問您的網站。
為網站選擇無障礙主題
SKT 可訪問的 WordPress 主題查看它們。
即使對於專業人士來說，改進現有網站也可能會帶來壓力。 這通常是因為您已經擁有的工具和佈局使您難以實施新的更改和功能。
因此，開始改善 WordPress 可訪問性的最佳方式是為您的網站選擇可訪問性就緒的主題。 通過選擇可訪問性就緒的主題，您將能夠從基礎構建您的網站。 這樣做將幫助您使您的網站更加用戶友好，而不會增加任何復雜性。
要找到您想要的可訪問性主題，您可以轉到 WordPress 主題目錄並使用“功能過濾器”選項。
使用後，搜索結果將提供大量免費主題，這些主題對您網站的可訪問性特別有幫助。 使用“功能過濾器”選項，您還可以按主題、佈局和功能對主題進行排序。 但是，如果您正在尋找特定主題，那麼您也可以使用搜索欄並輸入關鍵字。
如果您不熟悉該主題，那麼您還可以通過在標籤部分搜索“可訪問性就緒”短語來識別可訪問性就緒主題。
確保您的導航菜單是響應式的
顧名思義，導航菜單可幫助您網站的用戶使用眾多特性和功能。 因此，為了提高 WordPress 的可訪問性，您必須確保您網站的所有導航菜單都以正確的方式運行並且對移動設備友好。
為了使您的網站更易於訪問，您應該做的另一件事是以一致且合乎邏輯的方式放置菜單項。 這將幫助通常通過屏幕閱讀器軟件在互聯網上工作的視障用戶以適當的方式查找和使用菜單。
您還可以為您的 WordPress 主題創建一些可訪問的下拉菜單，以增強較大菜單的鍵盤可訪問性。 這可以證明對行動不便的人非常有益，他們不能使用鼠標，而是依靠鍵盤來使用頁面的交互功能。 一些需要通過鍵盤訪問的東西是表單域、鏈接、按鈕和菜單。
為您的網站圖像使用正確的 ALT 文本
圖像 ALT 文本的主要目的是描述您網站圖像的功能和外觀。 它旨在提高視障人士對網站的可訪問性，因為屏幕閱讀器軟件通常需要文本才能成功解釋圖片。
由於這個原因，您的網站包含的任何圖像都需要具有替代文本，即使您已輸入代碼以顯示其所有功能。 但是，背景圖像的情況完全不同。 因此，要使輔助技術避免這些圖像，您必須使用 CSS 添加它們。
使內容可讀
為了增加頁面的可訪問性，創建一個可讀的頁面非常重要。 因此，在撰寫博客文章時，您應該始終盡量保持句子簡短明了。 此外，如果您沒有在內容中的任何地方解釋它們，最好避免使用特定名稱或術語的縮寫。
另一種提高網站可訪問性的方法是在博客中使用簡單的單詞和短語。 使用難讀的詞可能會在讀者中造成混淆，他們可能會失去閱讀您的博客的興趣。 您還應該確保使用較大的字體，以便屏幕閱讀器以及部分視障人士能夠正確閱讀和理解它。
小心色彩對比
患有部分或完全色盲的人通常無法識別以橙色和紅色突出顯示的單詞。 有些人可能還發現難以閱讀淺色對比背景上的文本。
因此，為避免這種困難，您應該始終使用推薦的文本和圖形對比度。 這些如下：
- 對普通文本使用 4:5:1 對比度
- 大文本選擇 3:1 的比例
- 3:1 的對比度也最適合用戶界面或 UI 組件以及圖形
- AAA級普通文本的完美對比度為7：1，大文本為4：5：1
使用標題組織網站和內容的結構
信不信由你，大多數人通常會瀏覽您的博客或內容，而不是閱讀整個內容。 由於這個原因，使用完美的標題結構可以證明對您和您的用戶都非常有益。
一個好的內容標題不僅有助於使巨大的文本塊對於屏幕閱讀器軟件看起來更簡單和可讀，而且還有助於有視力的用戶跳過他們不太感興趣的部分。
正確設計表單域
表單可能是網站最重要的部分之一，因為它們通常用於網站上的多種類型的交互，例如登錄、註冊和聯繫。 然而，在為他們的網站創建表單時，大多數人傾向於將字段標籤放在表單字段內，以使其看起來更美觀。
但是，這樣做可能會影響您的 WordPress 可訪問性，因為大多數屏幕閱讀器將無法訪問文本。 由於這個原因，當您重新設計網站以提高可訪問性時，請始終嘗試使事情盡可能簡單，並將表單標籤遠離表單字段。
在您網站的視頻中使用字幕
如果您的網站包含任何類型的視頻或音頻文件，那麼使用字幕、描述和轉錄可以幫助您提高網站的可訪問性。 這些字幕將對您網站上患有聽力障礙的用戶發揮重要作用。
但是，它也可能對那些可以聽到但不太熟悉視頻中使用的語言或口音的人有所幫助。 如果您使用了字幕和轉錄，一些想要在公共場所觀看視頻的人也將能夠享受它。
盡量避免自動播放媒體
眾所周知，自動播放媒體對處理認知障礙的用戶極為不利，因為它會使他們感到困惑並引起刺激。 此外，如果媒體文件帶有音頻，那麼它可能會干擾屏幕閱讀器的工作過程，並可能影響用戶的整體體驗。
因此，如果您有任何想要添加的媒體元素，您可以將其包含在插件中。 這樣，它不會影響 WordPress 的可訪問性。
不要使用花哨的字體和鏈接
不可否認，花哨的字體看起來非常華麗； 但是，它會使部分視力受損的人更難正確閱讀您的內容。 因此，大多數人通常使用無襯線或襯線字體來增加網站的可訪問性。
此外，您不應該在鏈接中使用“單擊此處”文本。 為了使鏈接更易於訪問，您必須使用描述性和相關文本，這將有助於說明鏈接。
不要對標籤索引使用正數
如果您為 Tab 索引提供正數，那麼您網站的自然 Tab 鍵順序將變得混亂。 這可能會嚇到您的純鍵盤客戶和用戶，並影響您網站的可訪問性。 由於這個原因，您不應該對 tabindex 使用正值。
互聯網已成為我們生活中非常重要的一部分，因為我們大多數人通常將其用於完成社交和購物等眾多目的。 因此，為了使它成為一個更好的地方，每個人都必須讓每個人都可以訪問他們的網站，包括 WordPress 網站。
因此，請使用上述提示並藉助一些可訪問性測試工具來提高用戶友好性以及網站的聲譽。