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