如何確保您的在線商店可訪問

在線購物使任何人都可以瀏覽各種產品並在閒暇時進行購買。 考慮到我們都有不同的品味、習慣和偏好，每個人的購物過程和體驗自然是不同的。 然而，對於某些人來說，網上購物可能相當困難。

一些網購者可能生活在互聯網連接較差的國家。 或者，他們可能不得不依靠屏幕閱讀器來瀏覽和訪問網站。 由於永久性或暫時性殘疾，有些人可能會使用鍵盤瀏覽網站。

事實上，僅在美國，就有 54% 的殘疾成年人每天使用互聯網，這意味著您需要確保每個人都可以訪問您的商店，無論他們的身份和條件如何。

在這篇文章中，我們將介紹什麼是可訪問性，並分享您作為在線商店所有者應採取的建議和步驟，以確保您的電子商務商店符合可訪問性指南。

什麼是電子商務可訪問性？

談到電子商務的可訪問性，這意味著殘障人士可以毫無困難地訪問、貢獻和使用網絡。

它不僅包括視覺、聽覺、認知或其他永久性殘疾等身體殘疾，還包括因受傷或老化而導致的暫時性殘疾，以及因互聯網連接速度慢等外力造成的殘疾。

為什麼重要

可訪問性之所以重要，最重要的原因是您無法控制誰訪問並與您的商店互動。 如果您的商店不遵守無障礙指南，您可能會在法庭上發現自己並有責任支付巨額罰款。

最重要的是，網絡可訪問性是我們的基本人權之一，它對您的業務產生巨大影響。 如果您的在線商店可以訪問，它也會進行優化，為所有用戶提供最佳的用戶體驗，從而轉化為更好的客戶滿意度、更高的品牌忠誠度和更多收入。

最後，可訪問性之所以重要的最後一個原因是，遵守可訪問性指南意味著您的商店遵循推薦的編碼標準並使用語義標記。 這有助於在搜索引擎中獲得更好的排名，這意味著您可以獲得更多的自然流量。

如何檢查在線商店的可訪問性

在深入了解確保您的在線商店可訪問的具體提示之前，第一步是檢查您的商店是否可訪問。 這裡有一些方法來測試你所擁有的。

• 訪問您的在線商店並完成購買過程，就好像您有色盲等殘疾或必須依靠鍵盤瀏覽它並一直完成結帳過程
• 使用 WAVE Web Accessibility Tool 之類的服務來查看您網站的潛在問題、錯誤和警告。 這個免費工具會讓您知道是否有錯誤，例如空鏈接和按鈕、文本和背景之間的低對比度等等
• 通過使用諸如 UserTesting.com 之類的服務從真實用戶那裡獲得反饋。 這將使您獲得客觀的反饋，然後您可以使用這些反饋來改善客戶和用戶體驗。

如何使您的在線商店可訪問

Web Accessibility Guidelines 於 1999 年由 W3C 發布。 他們負責維護指南，最新版本日期為 2008 年 12 月。

根據這些準則，要使網站可訪問，在該網站上找到的信息必須是可感知的、可操作的、可理解的和可靠的。 如果缺少任何這些標準，則該特定網站將被視為不可訪問。

通俗地說，這意味著一旦訪問者來到您的在線商店，他們必須能夠感知、使用和理解您網站上的信息。 該信息還需要足夠強大，以便各種輔助技術可以正確解釋它。

以下是基於 Web 可訪問性指南的要點，以確保每個人都可以訪問您的在線商店。

• 在處理按鈕和鏈接時，考慮添加一個問號或星號作為使它們與其他內容不同的另一種方式，並確保色盲的人能夠理解它們是什麼
• 在文本和背景方面使用高對比度的顏色。 白色背景上的黑色文本比在色輪上使用相似或接近的顏色效果更好。
• 避免使用誘發癲癇發作的內容，例如動畫 GIF 和閃爍的動畫。
• 盡可能刪除或限制使用 CAPTCHA。 研究表明，除了被認為無法訪問之外，CAPTCHA 在很大程度上對垃圾郵件發送者無效
• 添加對盲文的支持以及使用鼠標和鍵盤將打印放大到您的在線商店的功能。
• 包括用於產品頁面和商店其他地方的圖像、視頻和音頻等內容的替代文本和文本描述
• 使用標題、副標題、項目符號和較短的段落等格式選項，使您的產品描述和其他內容更易於閱讀
• 避免在未定義的情況下使用行話、技術術語和縮寫，以確保商店中的內容易於理解
• 確保鏈接中的文本易於理解並描述您鏈接的內容，而不是使用諸如“單擊此處”之類的通用術語
• 如果您的鏈接設置為在新選項卡中打開，請務必通知用戶
• 按鈕、菜單項、下拉菜單和導航應該可以通過鍵盤和鼠標訪問
• 確保每個頁面的頂部都包含跳過鏈接，以便您的訪問者可以在頁面加載後立即跳轉到主要內容
• 結帳表格需要有適當的標籤，清楚地解釋該字段的用途。 您還需要確保結帳表單上的每個字段都向訪問者提供警告和確認消息
• 避免使用當用戶登陸您的網站時自動播放的音樂或視頻。 視頻和音軌等內容應具有清晰可見的播放、暫停和停止按鈕控件。 此類內容還應盡可能包含文字記錄以及隱藏式字幕和手語
• 觸發下載的按鈕，例如購買發票或類似的 PDF 收據，應該有說明，告訴訪問者點擊按鈕後會發生什麼
• 與您的開發人員交談並要求他使用 WAI-ARIA 角色來為 HTML 元素（如手風琴和選項卡）、它們的功能和狀態提供意義； 以及將 tabindex 添加到通常不會獲得焦點的元素中
• 考慮使用諸如 WP Accessibility 之類的插件來解決常見的可訪問性問題，例如提供鍵盤焦點、防止鏈接在其他窗口中打開等等。