還記得我們前段時間介紹的 Gmarket 無障礙項目嗎?增強您的網(wǎng)絡可訪問性!為了營造一個人人都可以享受購物的環(huán)境,Gmarket 的“Accessibility P...
還記得我們前段時間介紹的 Gmarket 無障礙項目嗎?增強您的網(wǎng)絡可訪問性!我介紹了Gmarket的“無障礙項目”,以創(chuàng)造一個每個人都可以享受購物的環(huán)境。
今天是第二部分,線上賣家的時間!我們已經準備了關于“如何使用 Gmarket 的 Editor 2.0 提高 Web 可訪問性”的八個技巧! Open Market雖然有Open Market直接運營的頁面,但1億的產品頁面大部分都是賣家創(chuàng)建的,你可以買的更好。
為什么需要網(wǎng)絡可訪問性?
Web Accessibility 是很多人現(xiàn)在都知道的一個詞。仍然有很多人誤解了 Web 可訪問性僅適用于殘疾人。
但實際上,Web 可訪問性不僅適用于身體殘疾的人,也適用于因各種原因與服務交互有困難的人。
例如,存在難以閱讀小字符或服務使用復雜的情況。近來在社會各行各業(yè)部署的自助服務亭,對于難以使用的老年人來說也是如此。
這就是為什么網(wǎng)絡可訪問性對于想要在互聯(lián)網(wǎng)上銷售產品的賣家如此重要的原因。
因為網(wǎng)絡可訪問性允許由于缺乏網(wǎng)絡可訪問性而甚至無法進入市場的潛在客戶購買產品!
“那我們如何確保網(wǎng)絡可訪問性?”
缺乏專業(yè)知識的普通大眾很難直接提高市場的網(wǎng)絡可訪問性。
所以,由 eBay Korea 準備的 Gmarket & Auction Product Editor 2.0!
即使是不確定如何構建 Web 可訪問性的賣家也可以通過使用 Editor 2.0 輕松改善我們市場的 Web 可訪問性。
在 eBay 韓國的賣家教育中心 eBay Edu 上,我們首次在公開市場上就如何使用 Editor 2.0 提高 Web 可訪問性以及針對賣家的 Web 可訪問性教育進行了講座。
※ 前往無障礙網(wǎng)頁講座
第 1 部分(鏈接)
第 2 部分(鏈接)
這是一場展示視障人士如何實際使用網(wǎng)絡商城的講座,以便賣家可以輕松理解為什么需要網(wǎng)絡無障礙。
所以!我只總結了講座中的技巧并將它們放在一起! (當然,如果你親自觀看講座,你會學到更多!)
現(xiàn)在,讓我們一起來看看使用 Editor 2.0 在我們的市場中提高 Web 可訪問性的實用技巧。
確保 Web 可訪問性的基本方法是插入替代文本!
視障人士使用名為 Screen Reader 的軟件,可在使用智能手機或電腦時讀取屏幕上的文字。
如果此時在圖像中插入替代文本,屏幕閱讀器會讀取它,因此可以輕松地將信息傳達給視障者。此外,由于 NAVER、Daum 和 Google 等搜索引擎更喜歡帶有 alt 文本的數(shù)據(jù),因此暴露于搜索的可能性增加了!
如何在我的詳細信息頁面上輸入替代文本?
即使您不是 HTML 專家,Editor 2.0 也可以輕松地將替代文本插入到您的圖像中。
選擇這樣的圖像后,選擇下面藍色條的“描述圖像”部分以手動輸入替代文本,您就完成了!
插入替代文本時,您需要向屏幕閱讀器用戶傳遞與普通用戶相同的信息。因此,圖像中的文字應該被轉錄而不是概括。
對于制造商、原產國和產品尺寸等關鍵特征,有很多產品標記為“內容參考”!
但是,如果您這樣寫,屏幕閱讀器用戶將無法看到信息。因為圖像不可讀。
您將無法看到任何重要的產品信息,因此您當然不會購買該產品。那么,如何向屏幕閱讀器用戶傳達有關我的產品的信息?
使用 Editor 2.0 編輯很簡單!
如第一個技巧所述,您可以插入描述圖像的替代文本或使用表格創(chuàng)建功能以文本形式顯示產品規(guī)格,您就完成了!
可以通過從 Editor 2.0 的工具欄中選擇網(wǎng)格圖標來訪問表創(chuàng)建功能。
特別是,使用表格比在圖像中插入替代文本更好,所以請使用Editor 2.0的表格創(chuàng)建功能!
如果有兩種類似的產品,您想選擇一個提供更好好處的產品是可以理解的。
但是,如果與所提供的福利相關的信息僅通過圖像提供,則屏幕閱讀器用戶將無法閱讀該信息。
這就是為什么在包含有關好處的信息的圖像中包含替代文本很重要的原因。這樣你就可以接觸到更多的潛在客戶。
與上面的其他替代文本一樣,您只需將事件內容中的所有信息寫為文本并按原樣輸入即可。
產品名稱或鏈接文本是消費者在 Gmarket 和 Auction 中搜索產品時遇到的第一個項目。輸入鏈接文本時,強烈建議您輸入正確的產品名稱,以便所有福利信息都可用。
例如,如果您參加特殊的送禮活動,則產品名稱應包含“○○免費禮物”文字。如果禮物有多種類型,則必須全部標記。
如果產品名稱不包含這些好處,而只有詳細的圖像包含信息,那么客戶很難確定哪些信息是正確的。所以我必須多次仔細檢查信息。
由于屏幕閱讀器用戶的性質,存在信息搜索時間比一般消費者更長的問題。因此,必須在鏈接文字中準確標明“什么樣的產品”!
如今,越來越多的產品使用視頻媒體進行介紹。這是一種非常有吸引力的方法,因為它可以在視覺上吸引消費者。
但是,對于使用屏幕閱讀器的視力障礙者或聽不見視頻聲音的聾啞人來說觀看視頻是不方便的。
如果您通過 YouTube 提供視頻,添加字幕很容易解決。
這是因為屏幕閱讀器可以像替代文本一樣閱讀 YouTube 字幕,甚至聽力受損的人也可以查看和接收內容。此外,如果您使用的是沒有字幕的視頻平臺,最好編寫自己的說明并將其單獨插入視頻下方。
在對產品進行詳細描述時,經常會出現(xiàn)圖表或圖表。
如果這些內容圖例只用顏色來表達,那么弱視、色覺或色盲的用戶很難閱讀。
在這種情況下,您應該在圖例中每個條形旁邊或上方的文本中提供清晰的信息,并更改背景顏色或圖案以使其更易于閱讀。
文本和背景之間的低光對比度會使低視力用戶難以閱讀文本。因此,在文本和圖像之間給出適當?shù)牧炼炔町愂呛苤匾摹?
4.5:1 或更高的對比度是最合適的。如果文字放大可以查看,3:1也行!
那么,你怎么知道亮度對比度是否正確呢?您可以在下面的網(wǎng)站上輕松檢查兩種顏色之間的亮度差異。
顏色亮度檢測現(xiàn)場(鏈接)
你有沒有遇到過放大后看起來很好看的圖像?當您使用原始質量較差的圖像時,通常會發(fā)生這種情況。
低視力用戶看到的圖像平均放大倍率為 400%,所以如果將文字表達為圖像,圖像的原始質量必須清晰!
但是,如果難以提供清晰的圖像,還有另一種簡單的方法。您可以直接在 Editor 2.0 中輸入文本。
這是因為當使用 Editor 2.0 輸入文本時,它會以明文表示,而不用擔心分辨率。此外,它可以更方便,因為您不必單獨輸入替代文本。
今天,我介紹了使用 Gmarket 和 Auction 的 Product Editor 2.0 提高我的市場的網(wǎng)絡可訪問性的八個技巧。賣家為更多的潛在客戶到我的市場創(chuàng)造了良好的環(huán)境,消費者可以更方便地享受購物,所以我認為這對彼此來說是一個非常好的雙贏!
特別聲明:以上文章內容僅代表作者本人觀點,不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發(fā)表后的30日內與ESG跨境電商聯(lián)系。
二維碼加載中...
使用微信掃一掃登錄
使用賬號密碼登錄
平臺顧問
微信掃一掃
馬上聯(lián)系在線顧問
小程序
ESG跨境小程序
手機入駐更便捷
返回頂部