幫助您使電子商務網站易於訪問的 7 個技巧

已發表: 2021-01-14

您是否知道15% 到 20% 的人口受到某種殘疾的影響,無論是視覺、運動相關還是聽覺? 在我們這樣一個互聯的在線社會中,優化您網站的可訪問性是絕對必要的。

Web 可訪問性可以根據用於使盡可能多的人(包括受殘疾影響的人)訪問您的電子商務網站的技術和實踐的範圍來定義,從而覆蓋更廣泛的受眾。 然後,這將使您能夠增加構成您網站的各個不同頁面的流量和轉化率

精心準備的網站將防止您錯過數百萬潛在訪問者 此外,擁有一個可數字訪問的網站將提高您的 SEO 排名


探索如何在國際上發展和發展您的電子商務業務


擁有和維護一個可供身體或精神能力可能下降的殘疾人或老年人訪問的電子商務網站意味著遵守某些規則:

  • 對於盲人/視障者:需要有一種以音頻形式收聽您的內容的方法,例如通過使用語音瀏覽器。
  • 對於那些有運動相關殘疾的人:重要的是讓他們可以在不使用鼠標的情況下瀏覽您的網站

如果您想讓盡可能多的人訪問您的電子商務網站,這些都是需要考慮的重要方面。 有很多事情需要落實到位。

因此,這裡有七個技巧可以幫助您使您的網站更易於訪問

考慮使其符合人體工程學和用戶友好的最佳方式

ISO 9241 標準將可用性定義如下: “特定用戶可以使用系統、產品或服務以有效、高效和滿意地實現特定目標的程度。”

僅僅擁有一個美觀的網站是不夠的。 人體工程學和用戶友好性對於優質電子商務網站的設計至關重要。 事實上,這些都是不容忽視或忽視的方面。 通過將用戶體驗放在首位,您可以增加您的網站產生積極印象的機會,並且用戶會再次訪問該網站並告訴他們的朋友和家人 在實際開始開發網站之前,您甚至應該仔細考慮和規劃網站的人體工程學 這涉及查看您的頁面如何與用戶交互以及如何呈現您的菜單,這都有助於提供更輕鬆的用戶體驗。 使您的網站易於瀏覽將擴大您的潛在客戶群!

使用最合適的結構

只需確保正確使用HTML ,就可以輕鬆訪問大量 Web 內容。 網頁由許多標籤組成,這些標籤可以很容易地定位在頁面代碼中並立即進行編輯。 有許多不同類型的標籤。 每個都有自己的含義和對網頁結構的特定影響。 所有標籤都有特定的用途 以正確的方式使用它們!

保持表格和內容分開

如果您希望您的電子商務網站易於訪問,請記住將包含您的內容(文本、圖像、菜單等)的 HTML 文件與用於定義網站樣式和格式的 CSS 文件分開。 這樣做既可以使您的網站結構更加清晰,也可以讓您創建多種不同類型的設計。 這將使您不僅可以提供純文本版本,這對某些殘障人士有用,而且還可以提供具有更大文本和內容的版本,更適合與智能手機或平板電腦等一起使用。

不要忘記為您的圖像提供替代文字(替代文字)

替代文本是簡短的圖像描述 它們構成 HTML 代碼的一部分,允許視障用戶在不實際看到圖像的情況下找出圖像所描繪的內容

作為第一步,區分存在的三種不同類型的圖像很重要:

  • 提供簡單信息的圖像,例如按鈕
  • 提供更複雜信息的圖像,例如圖表或圖形。 這些類型的圖像可以使用鏈接到詳細解釋圖像內容的 HTML 頁面的參數。
  • 裝飾性圖像,為電子商務網站添加視覺裝飾,但不會像子彈或框架那樣增加對信息的興趣。

對於帶有產品表的電子商務網站,必須使用替代文本來幫助指導您的用戶,以防他們碰巧有視力障礙。

這些替代文本是需要考慮的重要一點。 它們有助於提高您的 SEO 排名

正確調整顏色和對比度

選擇足夠不同的顏色,以確保輕鬆、舒適的閱讀體驗。 選擇簡單的組合,例如淺色背景上的深色文本:保持文本和頁面背景之間的強烈對比非常重要。

請務必注意,屏幕上顯示的顏色不一定對所有用戶都相同。 這一切都取決於屏幕設置用戶自己的視力

有用的提示:通過使用通用的字體和排版等來遵守 HTML 可訪問性標準。

提供有關您的超文本鏈接的清晰信息

歧義越少,您的網站就越容易訪問!

鏈接有時會在它們指向的頁面方面缺乏精確度。 您網站中包含的所有按鈕和鏈接都需要有準確的描述,以便用戶知道他們引導的位置。

例子

有視力障礙的訪客想要訪問訂單跟踪功能來跟踪他們的訂單。 創建“單擊此處”按鈕不是一個好主意。 一些訪問者在瀏覽您的網站頁面時會使用盲文終端或語音合成器。 因此,請嘗試使用具有更精確描述的按鈕,例如“跟踪您的訂單進度” ,這將立即為用戶提供更多信息。

避免打開新窗口

儘管彈出窗口對於宣傳新事物或某種事件非常有用,並且一些用戶發現能夠查看他們打開的所有頁面很方便,但它仍然可能對其他人造成嚴重阻礙(尤其是視障人士)。 一個新的窗口本質上可以“打破”瀏覽節奏導致用戶迷失方向 因此,如果可能的話,通過要求他們進行簡單的右鍵單擊,讓他們選擇是否打開另一個頁面。 但是,如果您別無選擇並且必須這樣做,請記住通過在 HTML 代碼中使用適當的屬性來通知用戶。

使電子商務網站易於訪問和更具包容性,既可以滿足所有用戶的需求,又可以提供增加流量增強電子聲譽的潛在優勢。 那為什麼還要等呢? 立即開始更新您的網站!

Petit Bateau 如何使用 TextMaster 集中其翻譯管理