讓您的 WordPress 網站更易於訪問的 10 種方法

已發表: 2022-08-13

您的 WordPress 網站是否存在可訪問性問題? 根據非營利組織 WebAIM 的數據,只有大約 50 個網站可以完全訪問; 大多數網站未能為殘疾訪問者提供積極的體驗。 為確保所有訪問者(包括殘障人士)都能輕鬆使用您的 WordPress 網站,您需要使其更易於訪問。

1.創建描述性錨文本

Create Descriptive Anchor Text

無論您是在 WordPress 網站上構建內部鏈接還是出站鏈接,都應該創建描述性錨文本。 有視力障礙的訪問者可以使用屏幕閱讀器瀏覽您的 WordPress 網站。 屏幕閱讀器將朗讀錨文本和其他形式的文本內容。 如果您使用諸如“單擊此處”之類的通用錨文本,他們將不知道要單擊哪些鏈接。 為您的主要標題實施這種做法也是一個好主意。

2.對文本使用對比色

Use Contrasting Colors For Text

為了使您的 WordPress 網站更易於訪問,請使用對比色。 Web Content Accessibility Guidelines (WGAC) 規定文本內容與背景的對比度應為 4.5:1 或更高。 對比色是在色輪的相對兩側發現的顏色。 它們不會相互融合。 相反,對比色在視覺上是不同的和鮮明的。 在為您的網站創建品牌時,考慮合同的外觀和適用於您的 WordPress 網站也很重要。

3. 安裝輔助功能插件

有可用於 WordPress 的輔助功能插件。 WP 可訪問性是一個流行的可訪問性插件。 您可以通過訪問 wordpress.org/plugins/wp-accessibility 下載它。 其他輔助功能插件包括 One Click Accessibility 和 WP Accessibility Helper (WAH)。 安裝後,他們將提供工具和建議,使您的 WordPress 網站更易於訪問。

Install An Accessibility Plugin

4.向圖像添加替代文本標籤

不要忘記為圖像添加 alt 文本標籤。 一些訪問者可能無法看到圖像。 要確定圖像所描繪的內容,他們必須使用屏幕閱讀器。 屏幕閱讀器將分析並大聲朗讀圖像的 alt 文本標籤。 如果沒有 alt 文本標籤 - 或不相關或具有誤導性的 alt 文本 - 您的 WordPress 網站將遭受可用性差的困擾。

Add Alt Text Tags To Images

在 WordPress 中上傳圖像將在 Gutenberg 編輯器的右側顯示一組自定義選項。 在此區域中,您應該會看到替代文本的字段。 您不會在您的網站上看到 alt 文本標籤。 儘管如此,只要您在適當的字段中輸入,屏幕閱讀器就會大聲朗讀。

5. 使用無障礙主題

您可能想要切換到不同的主題。 一些主題的設計強調可訪問性。 它們被稱為可訪問性就緒主題,符合 WordPress 設定的可訪問性標準。 要查找可訪問性就緒的主題,請轉到主題存儲庫並單擊頂部的“功能過濾器”。 選擇“可訪問性就緒”作為過濾器選項將允許您搜索可訪問性就緒的主題。

Use An Accessibility Ready Theme

6.不要將鏈接設置為在新標籤頁中打開

避免將鏈接設置為在新選項卡中打開。 默認情況下,當訪問者與它們交互時,所有鏈接都將在同一個選項卡中打開。 但是,您可以將它們設置為在單獨的新選項卡中打開,只需單擊一下即可。 當您向 WordPress 添加鏈接時,您會看到一組自定義選項,其中一個在新選項卡中打開。

Links To Open In A New Tab

強制在新選項卡中打開鏈接可能會阻止訪問者離開,但這是以可訪問性為代價的。 根據 WGAC 的說法,如果鏈接有助於殘疾訪問者導航,則只能將鏈接設置為在新選項卡中打開。 新標籤可以幫助禁用訪問者導航的情況並不多,因此您應該在創建鏈接時使用默認打開方法。

7. 用標題組織內容

為了獲得更大的可訪問性,請使用標題來組織內容。 超文本標記語言 (HTML) 支持分層標題。 有六個 HTML 標題,以 H1 開頭,以 H6 結尾。 您可以使用它們來組織您網站的內容。 給每一頁一個H1標題。 接下來,將 H2 標題放在相關內容部分的上方。 然後,您可以將 H3 標題放在 H2 標題下,依此類推。

Organize Content With Headings: Ways To Make Your WordPress Website More Accessible

8. 選擇易於閱讀的字體類型

您的 WordPress 網站使用的字體類型將影響其可訪問性。 某些字體類型比其他字體類型更難閱讀。 例如,具有復雜裝飾的草書字體類型比具有簡潔線條的腳本字體類型更難閱讀。 一些最易於訪問、易於閱讀的字體類型包括 Arial、Verdana、Calibri 和 Times New Roman。 如果您猶豫不決,那麼其中一種字體類型不會出錯。

9.在視頻內容中包含字幕

如果您的 WordPress 網站包含視頻內容,則應在其中包含字幕。 字幕將允許有聽力障礙的訪問者觀看您網站的視頻內容。 啟用後,訪問者將看到以文本形式顯示的對話、聲音、音樂、音效和其他形式的音頻。

YouTube 可以輕鬆添加字幕。 如果您在 YouTube 上託管 WordPress 網站的視頻,請登錄 YouTube Studio 為它們添加字幕。 只需單擊左側邊欄菜單上的“字幕”鏈接,然後選擇要使用字幕更新的視頻。 然後,您可以通過鍵入來手動創建字幕,也可以選擇自動翻譯選項。 雖然自動翻譯選項更容易,但它經常充滿錯誤。

Include Captions With Video Content: Ways To Make Your WordPress Website More Accessible

10.使用跳過鏈接

跳過鏈接可以提高 WordPress 網站的可訪問性。 也稱為跳轉鏈接,它們允許訪問者跳過頁面開頭的導航鏈接。 大多數網站都有由多個類別組成的複雜導航系統。 訪問者必須瀏覽這些類別才能找到內容。 除此之外,這些導航鏈接通常顯示在所有頁面的開頭。

跳過鏈接為訪問者提供了一種更簡單的方式來瀏覽您的 WordPress 網站。 它們是同頁鏈接,可將訪問者直接引導至內容。 訪問者不必與頁面頂部的導航鏈接、廣告或其他不需要的元素進行交互。 訪問頁面後,訪問者可以單擊跳過鏈接直接跳轉到內容。

可訪問性就是讓您的 WordPress 網站易於殘疾訪問者使用。 此外,它將為更多的遊客打開大門。 讓您的 WordPress 網站更易於訪問,將產生更多流量。 更重要的是,它將建立一個積極的聲譽,推動遊客參與。

有趣的相關文章:如何為您的 WordPress 網站選擇最佳插件。