作為一個 WooCommerce 獨立站網頁設計師,您關注最新的趨勢,尋找最好的工具,使您的設計更容易一點,並確保您的多用户是快樂。但是,儘管如此,您很可能會陷入與業務中許多其他人一樣的陷阱:忘記了視障者。

  在過去,這不是一個問題。那些嚴重殘疾,阻止他們看到屏幕,通常使用閲讀器瀏覽網絡,所以設計意味著讓它與他們的裝置相容。但隨著 50 歲以上人羣的日益增長,以及視覺問題開始增加,以及佩戴矯正鏡片和眼鏡的人的激增,您必須牢記這一點。所有的設計應該照顧那些有視覺障礙的人。有幾種簡單的方法可以將這些知識融入到您的設計中,而不會影響整體概念。本文説説,WordPress 網站設計要考慮到視覺障礙人羣。

  1 、保持您的間距

  即使視力模糊的人也可以使用 CTRL +來增加字型,以便閲讀。解決這個問題的最佳方法是使佈局大小足以容納 10 到 16 點的大小。在每次尺寸升級時測試它,以確保它至少是清晰的。如果您在有限的空間工作,甚至高達 14 是可以接受的。

  2 、建立大量的鍵盤快捷鍵

  許多人使用鍵盤只是由於他們無法看到滑鼠遊標。當發生這種情況時,他們需要鍵盤快捷鍵才能正常導航。沒有人喜歡在廣泛的內容上擁有 Tab 的方式,所以提供一個簡單和基本的快捷方式代碼列表,允許他們使用箭頭鍵和幾個額外的工作他們的方式。一個很好的例子是 Facebook,它有一個完整的快捷方式系統為視力受損或殘疾多用户。

  3 、提供大量的顏色對比

  您可以做的最好的事情之一是給出良好的顏色對比。任何太接近陰影或色調的背景都要求麻煩,即使對於沒有視力問題的多用户。它可以導致眼睛疲勞的健康的眼睛,對於那些視力差的人完全不可讀。

  對於健康的多用户,您可以進行細微的更改,以便於檢視。如果這是您的佈局的很大一部分,歡迎您保持它。但您必須為視力受損的人創造一個更高的對比度版本,否則他們將無法閲讀它。幸運的是,您會發現,高對比度的 WooCommerce 獨立站網頁設計在過去幾年一直是一個趨勢。

  4 、不要忘記色盲

  許多人嘲笑一種視覺障礙人員,也就是色盲。它可能看起來只是一個小問題,但許多條件嚴重影響了網頁的檢視方式。如果您使用無數的顏色,可能會使很多多用户在閲讀網站時有障礙。更多關於 WordPress 網站設計/開發、印刷服務、品牌設計、營銷推廣、 WordPress APP/WordPress 微信開發、資料業務等服務,歡迎登陸跨飛獨立站 WooCommerce 官網進行諮詢。

  5 、完全訪問您的移動版本

  一些視力受損的網絡多用户將使用搜索來查詢網站的移動版本。因為它們更高的對比度,更大的文字和更簡單的設計。除了只為手機提供移動版本,還可以在網絡上提供完全訪問許可權。這是一個簡單的方法,提供一個更加多用户友好的版本。

  重要的是,將以上這些建議納入您的 WooCommerce 獨立站網頁設計,以便那些有視力障礙和其他障礙或問題的人訪問。