最適合視障人士使用的零售網站

讓視障人士可以訪問您的網站不僅對這些用戶有幫助，而且對您的業務也有幫助。 500 萬英國買家是一個可能會失去的重要市場——尤其是當許多最適合視障人士使用無障礙問題很容易解決時。

甚至谷歌現在也更加重視網站的可訪問性。就在本月，他們發布了新的頁面體驗更新，其中考慮了（您猜對了）用戶在頁面上的體驗。如果殘疾用戶經常獲得糟糕的體驗，谷歌可能會選擇對錶現更好的競爭對手進行排名。

在 LCN，我們堅信設計具有可訪問性的網站的力量。我們始終致力於改進自己的設計，為所有用戶提供輕鬆的體驗。

考慮到這一點，我們希望對英國排名前 50 的零售主頁進行一次小型可訪問性審核。然後，我們想強調這些網站可以更好地為視障用戶提供服務的一些方法。

為此，我們求助於可訪問性評估人員經常使用的兩個主要工具：Google Lighthouse和WebAim 的 Wave。

第一個為網站管理員提供了 0-100 分的績效評分。後者展示了網站如何改進。

整體上最容易（和最難）造訪的零售網站

提供無障礙體驗的主頁應爭取在 Google Lighthouse 上至少獲得 90-100 分。任何達到此標準的網站的分數都會以綠色突出顯示。

H&M的英國主頁獲得了滿分。其他著名最適合視障人士使用品牌包括Laura Ashley、 Beauty Bay、 B&Q和Sainsbury’s。

另一方面，如果 Google 認為主頁需要改進，分數通常在 50 到 89 之間。

需要改進的網站包括Superdrug、Boots和Carphone Warehouse。

分數低於 50 表示可訪問性較越南 whatsapp 號碼數據差。目前只有一個網站的主頁得分低於 50：Halfords。

Wave by WebAim幫助我們了解特定網站上的哪些視覺障礙可能需要額外注意。

色盲是最常見的視力障礙之一。這也是一個經常被忽視的問題，因為視力正常的人很難理解它。

根據目前的網頁內容可訪問性指南 (WCAG)，要透過 AA 級，網站應力爭普通文本的對比為 4:5:1，大文本的對比為 3:1。要通過 AAA 級，普通文本慈善活動邀請的電話號碼行銷的對比需要為 7:1，大文本的對比需要為 4:5:1。

大文字定義為 14 磅（通常為 18.66 像素）且粗體或更大。

對於圖形，建議爭取 3:1 的對比。

Wave by WebAim 可識別主頁上任何不符合這些對比度的情況。

目前研究的六個站點沒有問題。但如下所示，Superdrug的顏色對比問題最多，可能會影響色盲用戶：

我們使用互動式滑桿來展最適合視障人士使用示目前 Superdrug 主頁馬來西亞數據的外觀，並與透過 WCAG 級 AAA 指南的外觀進行比較。

下面您可以看到 Superdrug 主頁的微小顏色變化允許色盲人士訪問：

拖曳滑桿以比較目前和修改後的 superdrug 網站。

具有原始顏色的 Superdrug 網站

Superdrug 網站提供 WCAG 推薦顏色

考慮到顏色對比度錯誤通常是由很小的餘裕引起的，這意味著網站通常可以修復它，而無需對其網站進行徹底檢修。

螢幕閱讀器允許失明人士訪問網頁的音訊版本，而不是查看它。這樣他們仍然可以放心地導航、存取內容和購買產品。

為了確保螢幕閱讀器高效運行，網站應該準確編碼，沒有遺失、空或重複的元素。

其次，您可以在 HTML 中實作可存取的富 Internet 應用程式 (ARIA) 元素。這些將有助於任何輔助螢幕閱讀器技術，例如Apple VoiceOver、JAWS或TalkBack。

您可以在下面看到哪些網站可以改善螢幕閱讀器使用者的體驗：

尤其是靴子還有進步的空間。這很大程度上歸因於其網站錯誤地在菜單中實現了一些 ARIA 元素。這意味著當螢幕閱讀器使用者嘗試導航選單時，他們無法獲得視覺使用者所獲得的完整體驗。

弱視用戶也許能夠輕鬆存取您網站的大最適合視障人士使用部分內容。但當您包含小文字場景時，問題就開始出現。

小文字場景定義為大小為 10 像素或更小的任何文字。

大多數網站在這裡表現都很好。在分析的所有主頁中，36% 的小文字場景為零，其中包括：

以下網站的主頁上有小文字場景，對於弱視使用者來說可能難以閱讀：

透過將「新」標籤的大最適合視障人士使用小增加到 10 像素以上，Carphone Warehouse 將為弱視用戶提供完全可存取的選單。