打破障礙:為什麼WordPress網站可訪問性是關鍵

[ad_1]

在這篇文章中,我將向您展示為什麼使WordPress網站更易於訪問並如此重要,並介紹任何人都可以使用的簡單工具來提高每個人的可訪問性。為什麼?因為您的最終目標是吸引儘可能多的人訪問您的網站。如果您不讓所有人都可以訪問您的網站,該怎麼辦?

此外,我們中的大多數人都致力於尋找神奇的方法,使用最新的技術來為我們的網站吸引大量流量 社交媒體市場營銷 策略和 搜索引擎優化 方法,但我們很多人忘記的是:已經發現您的人們需要能夠輕鬆瀏覽您的網站。

這是非常重要的,因為就像在實體店中一樣,人們來的類型,形狀和大小各不相同。最終,您希望那些花時間參觀您的公司的人花一些時間環顧四周,花一些錢,經常回來,最重要的是,將其他人帶回他們身邊。

如果您以前對網站可訪問性不感興趣,那麼應該現在就來。話雖如此,讓我們繼續吧!

什麼是網站可訪問性?

讓我們花一點時間來了解我們在說什麼。

網站可訪問性是指消除阻礙殘疾人與網站交互或訪問網站的障礙的做法。正確設計,開發和編輯網站後,所有用戶都可以平等地訪問信息和功能。

因此,我們實際上是在談論消除障礙的做法。聽起來可能很複雜,但實際上並非如此。例如,您網站中的障礙可以很簡單,就像不為鏈接創建可見且有意義的標題(即將顯示為工具提示的文本)一樣簡單。

如果您是普通的互聯網旅行者,但由於網站設計師和/或網站站長缺乏一點努力使他或她的網站更易於瀏覽而突然感到沮喪,請想像一下一個有遠見的人現在感覺殘疾。

他人眼中的互聯網

您是否想過對於有智障或其他智障或殘障人士瀏覽互聯網會有什麼感覺?可能不是。我鼓勵您現在花一些時間這樣做,因為這可能會改變您從現在開始創建和運行網站的方式。讓我們來探討許多網路用戶面臨的一些挑戰:

  • 視覺:包括失明,各種常見類型的視力低下和視力不佳,各種類型的色盲的障礙。

  • 電機/機動性:例如由於帕金森氏病,肌肉營養不良,腦癱,中風等疾病,導致手部困難或無法使用,包括震顫,肌肉緩慢,失去精細的肌肉控制等。

  • 聽覺:耳聾或聽力障礙,包括聽力障礙的人。

  • 癲癇發作:由於視覺頻閃或閃光效應引起的照片癲癇發作。

  • 認知/智力:發展障礙,學習障礙(閱讀障礙,運動困難等)以及各種起源的認知障礙,影響記憶,注意力,發展的“成熟度”,解決問題和邏輯技能等。

好消息是有很多 輔助技術 適用於使他們能夠享受網上衝浪的殘障人士。您作為網站設計師的職責是確保您的網站遵守某些準則,以使這些技術能夠正常運行。

流行的Internet輔助工具

說到輔助技術,以下是一些經常使用的最受歡迎的Internet可訪問性插件:

  • 屏幕閱讀器軟體,它使用合成語音來讀取計算機上發生的事情。

  • 可刷新的盲文顯示器,可將文本呈現為盲文字元。

  • 屏幕放大軟體可以放大顯示器上顯示的內容。

  • 語音識別軟體,可將語音轉換為文本。

  • 鍵盤覆蓋層使打字更輕鬆,更準確

是的,甚至還有一個應用程序:

  • 來自的免費輔助技術 基本可訪問性 幫助打字,移動滑鼠或閱讀屏幕有困難的人。

現在,您已經了解了殘疾人在閱讀博客或了解棘手動物是什麼(*提示*,它看起來像是另外的刺蝟)時會面對什麼,以及它喜歡吃什麼,或者只是購物以獲得完美禮物在線上,我們可以查看一些工具,這些工具可以幫助您實現徹底訪問的網站設計。畢竟,如果您的網站適合殘障人士使用,那麼請考慮一下每個人瀏覽的便捷程度。

如何選擇可訪問的WordPress主題

完全可訪問的網站的第一步是選擇一個準備好可訪問性的主題。許多主題開發人員都花時間從 WordPress主題輔助功能手冊,所以最好的辦法是簡單地詢問作者某個主題是否已準備好可訪問性。

WAVE輔助功能測試

例如,在WPExplorer,我們一直與 夏威夷大學 使 WordPress總主題 更方便。想看看嗎?如果您通過 WAVE Web輔助功能評估工具 您可以看到他們如何實施主題功能以使其網站對所有學生都可用。

WordPress.org主主題目錄

您還可以在以下位置找到免費的無障礙主題 WordPress.org只需單擊頁面頂部的主題菜單鏈接即可打開主題目錄。查找標題為「功能過濾器」的子菜單。旁邊會有一點裝備。點擊那個。

這將打開大量選項,供您在篩選搜索時選擇。在功能下,單擊最重要的功能-您猜對了-可訪問性就緒。

WordPress.org主主題目錄可訪問性過濾器

然後,您可以選擇任意多個其他過濾器。在左側,您將看到「應用過濾器」按鈕,該按鈕將顯示您已應用了多少個過濾器。單擊「應用過濾器」。請始終將手和腳放在車內。

WordPress.org可訪問性就緒主題

您現在已經到達目的地。請保持坐姿,直到車輛完全停止並且車門完全打開。然後選擇一個主題。

請務必注意,僅將主題標記為「可訪問性就緒」並不意味著它可以「完全」訪問。但是,如果主題開發人員遇到了將其主題標記為可訪問的麻煩,那麼他們很可能在這方面做了一些工作。並且,如果您遇到任何問題,請告知他們,以便他們可以為其他用戶更新主題。

(免費)可訪問性的WordPress插件解決方案

WP可訪問性

也許您正在構建自己的WordPress主題,或者您想使用所需的任何主題。沒有恐懼。 WordPress世界的驚人之處之一就是數以萬計的插件的可用性。每當您需要某些東西時,通常都會有一個插件來滿足您的需求。

我個人的選擇是 WP可訪問性,它帶有多種工具,可幫助您找出並消除使用WordPress主題可能遇到的許多常見輔助功能問題。它需要很少的專業知識和最少的設置。

WP輔助功能助手(WAH) 是另一種多合一選項,其中包括許多有用的功能,例如跳過鏈接,字體大小調整,DOM掃描,對比模式等。這是一種快速向站點添加許多可訪問功能的方法。

您可能想結帳的其他人可以滿足更具體的可訪問性需求。

無障礙字體

輔助功能小部件 為側邊欄創建一個字體大小的切換器小部件。這樣,您網站上的讀者可以根據自己的需求輕鬆更改文本大小。

另一個易於閱讀的選擇是 Zeno字體大小調整器。該插件允許站點管理員設置字體調整大小選項(最小和最大大小,增加時調整大小的步驟和字元)以及cookie持續時間。這樣,用戶返回到您的網站時將看到正確大小的字體。

文字轉語音

對於視力障礙的讀者,必須有音頻選項。我喜歡的一個插件是 演講者–頁面到語音。該插件可以為您的帖子和頁面創建音頻版本。最重要的是,該插件提供了190種人性化聲音供您選擇,支持30多種語言,並且適用於大多數主題。

GSpeech文本到語音解決方案 是音頻輔助功能的免費選項。它可以處理頁面上的任何文本,並向您的站點添加音頻塊。然後,您可以使用選項來更改顏色,揚聲器語音等。

形式

您可以使用以下插件輕鬆使聯繫人表單可訪問性就緒 聯繫表格7:可訪問的默認值重力形式的WCAG形式欄位,或僅使用可訪問的現成表單插件(例如 強大的形式

除此之外,還有許多其他有用的工具和插件可用於解決與網站可訪問性相關的各種不同問題。 這是一個很棒的頁面 查看推薦的開發工具的完整列表。

測試您的網站可訪問性

創建網站後,最好測試一下更改。您可以使用多種方法和軟體來測試可訪問性,但是有兩種方法和軟體可以簡化測試。

WAVE Web輔助功能評估工具

我們在本文中已經提到的一個是 WAVE Web輔助功能評估工具 通過WebAIM。這個有用的工具會顯示所有錯誤,警報,功能,結構元素,ARIA標籤和對比度錯誤,因此您可以進行相應調整。

tota11y輔助功能工具

開發人員的另一種工具是 Tota11y,是由可汗學院開發的可訪問性可視化工具包。只需將此JS文件添加到您的站點即可啟用可訪問性工具,該工具將出現在屏幕底部的一個小眼鏡圖標選項卡中。只需單擊以查看頁面上的可訪問元素以及您可能要修復的錯誤或違規。

結論

網站可訪問性與簡單地將流量定向到您的站點一樣重要,甚至不那麼重要。現在,您已經了解了為什麼至關重要的一點是,確保到達目的地的每個人都可以完全理解並瀏覽您網站上所有令人難以置信的娛樂性和信息性信息。

你還在等什麼?藉此機會使您的網站現在更容易訪問!

相關文章