还记得我们前段时间介绍的 Gmarket 无障碍项目吗?增强您的网络可访问性!为了营造一个人人都可以享受购物的环境,Gmarket 的“Accessibility P...
还记得我们前段时间介绍的 Gmarket 无障碍项目吗?增强您的网络可访问性!我介绍了Gmarket的“无障碍项目”,以创造一个每个人都可以享受购物的环境。
今天是第二部分,线上卖家的时间!我们已经准备了关于“如何使用 Gmarket 的 Editor 2.0 提高 Web 可访问性”的八个技巧! Open Market虽然有Open Market直接运营的页面,但1亿的产品页面大部分都是卖家创建的,你可以买的更好。
为什么需要网络可访问性?
Web Accessibility 是很多人现在都知道的一个词。仍然有很多人误解了 Web 可访问性仅适用于残疾人。
但实际上,Web 可访问性不仅适用于身体残疾的人,也适用于因各种原因与服务交互有困难的人。
例如,存在难以阅读小字符或服务使用复杂的情况。近来在社会各行各业部署的自助服务亭,对于难以使用的老年人来说也是如此。
这就是为什么网络可访问性对于想要在互联网上销售产品的卖家如此重要的原因。
因为网络可访问性允许由于缺乏网络可访问性而甚至无法进入市场的潜在客户购买产品!
“那我们如何确保网络可访问性?”
缺乏专业知识的普通大众很难直接提高市场的网络可访问性。
所以,由 eBay Korea 准备的 Gmarket & Auction Product Editor 2.0!
即使是不确定如何构建 Web 可访问性的卖家也可以通过使用 Editor 2.0 轻松改善我们市场的 Web 可访问性。
在 eBay 韩国的卖家教育中心 eBay Edu 上,我们首次在公开市场上就如何使用 Editor 2.0 提高 Web 可访问性以及针对卖家的 Web 可访问性教育进行了讲座。
※ 前往无障碍网页讲座
第 1 部分(链接)
第 2 部分(链接)
这是一场展示视障人士如何实际使用网络商城的讲座,以便卖家可以轻松理解为什么需要网络无障碍。
所以!我只总结了讲座中的技巧并将它们放在一起! (当然,如果你亲自观看讲座,你会学到更多!)
现在,让我们一起来看看使用 Editor 2.0 在我们的市场中提高 Web 可访问性的实用技巧。
确保 Web 可访问性的基本方法是插入替代文本!
视障人士使用名为 Screen Reader 的软件,可在使用智能手机或电脑时读取屏幕上的文字。
如果此时在图像中插入替代文本,屏幕阅读器会读取它,因此可以轻松地将信息传达给视障者。此外,由于 NAVER、Daum 和 Google 等搜索引擎更喜欢带有 alt 文本的数据,因此暴露于搜索的可能性增加了!
如何在我的详细信息页面上输入替代文本?
即使您不是 HTML 专家,Editor 2.0 也可以轻松地将替代文本插入到您的图像中。
选择这样的图像后,选择下面蓝色条的“描述图像”部分以手动输入替代文本,您就完成了!
插入替代文本时,您需要向屏幕阅读器用户传递与普通用户相同的信息。因此,图像中的文字应该被转录而不是概括。
对于制造商、原产国和产品尺寸等关键特征,有很多产品标记为“内容参考”!
但是,如果您这样写,屏幕阅读器用户将无法看到信息。因为图像不可读。
您将无法看到任何重要的产品信息,因此您当然不会购买该产品。那么,如何向屏幕阅读器用户传达有关我的产品的信息?
使用 Editor 2.0 编辑很简单!
如第一个技巧所述,您可以插入描述图像的替代文本或使用表格创建功能以文本形式显示产品规格,您就完成了!
可以通过从 Editor 2.0 的工具栏中选择网格图标来访问表创建功能。
特别是,使用表格比在图像中插入替代文本更好,所以请使用Editor 2.0的表格创建功能!
如果有两种类似的产品,您想选择一个提供更好好处的产品是可以理解的。
但是,如果与所提供的福利相关的信息仅通过图像提供,则屏幕阅读器用户将无法阅读该信息。
这就是为什么在包含有关好处的信息的图像中包含替代文本很重要的原因。这样你就可以接触到更多的潜在客户。
与上面的其他替代文本一样,您只需将事件内容中的所有信息写为文本并按原样输入即可。
产品名称或链接文本是消费者在 Gmarket 和 Auction 中搜索产品时遇到的第一个项目。输入链接文本时,强烈建议您输入正确的产品名称,以便所有福利信息都可用。
例如,如果您参加特殊的送礼活动,则产品名称应包含“○○免费礼物”文字。如果礼物有多种类型,则必须全部标记。
如果产品名称不包含这些好处,而只有详细的图像包含信息,那么客户很难确定哪些信息是正确的。所以我必须多次仔细检查信息。
由于屏幕阅读器用户的性质,存在信息搜索时间比一般消费者更长的问题。因此,必须在链接文字中准确标明“什么样的产品”!
如今,越来越多的产品使用视频媒体进行介绍。这是一种非常有吸引力的方法,因为它可以在视觉上吸引消费者。
但是,对于使用屏幕阅读器的视力障碍者或听不见视频声音的聋哑人来说观看视频是不方便的。
如果您通过 YouTube 提供视频,添加字幕很容易解决。
这是因为屏幕阅读器可以像替代文本一样阅读 YouTube 字幕,甚至听力受损的人也可以查看和接收内容。此外,如果您使用的是没有字幕的视频平台,最好编写自己的说明并将其单独插入视频下方。
在对产品进行详细描述时,经常会出现图表或图表。
如果这些内容图例只用颜色来表达,那么弱视、色觉或色盲的用户很难阅读。
在这种情况下,您应该在图例中每个条形旁边或上方的文本中提供清晰的信息,并更改背景颜色或图案以使其更易于阅读。
文本和背景之间的低光对比度会使低视力用户难以阅读文本。因此,在文本和图像之间给出适当的亮度差异是很重要的。
4.5:1 或更高的对比度是最合适的。如果文字放大可以查看,3:1也行!
那么,你怎么知道亮度对比度是否正确呢?您可以在下面的网站上轻松检查两种颜色之间的亮度差异。
颜色亮度检测现场(链接)
你有没有遇到过放大后看起来很好看的图像?当您使用原始质量较差的图像时,通常会发生这种情况。
低视力用户看到的图像平均放大倍率为 400%,所以如果将文字表达为图像,图像的原始质量必须清晰!
但是,如果难以提供清晰的图像,还有另一种简单的方法。您可以直接在 Editor 2.0 中输入文本。
这是因为当使用 Editor 2.0 输入文本时,它会以明文表示,而不用担心分辨率。此外,它可以更方便,因为您不必单独输入替代文本。
今天,我介绍了使用 Gmarket 和 Auction 的 Product Editor 2.0 提高我的市场的网络可访问性的八个技巧。卖家为更多的潜在客户到我的市场创造了良好的环境,消费者可以更方便地享受购物,所以我认为这对彼此来说是一个非常好的双赢!
特别声明:以上文章内容仅代表作者本人观点,不代表ESG跨境电商观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与ESG跨境电商联系。
二维码加载中...
使用微信扫一扫登录
使用账号密码登录
平台顾问
微信扫一扫
马上联系在线顾问
小程序
ESG跨境小程序
手机入驻更便捷
返回顶部