html - 如何为屏幕阅读器表达多个价格？

Question

我们正在努力使屏幕阅读器可以访问我们的电子商务网站，但在定价方面存在冲突。当产品打折时，我们的类别和产品页面会列出多个美元金额:

1. 原价(删除线)
2. 折扣价(客户实际支付的价格)
3. 储蓄(原价 - 折扣)

是否有任何标准方式可以为视障用户传达所有这些信息？我们不想遗漏任何东西，但也希望避免使产品列表太长而无法遍历。

目前，VoiceOver 将我们的定价解读为“价格，9.99 美元”[TAB]“促销，7.99 美元”[TAB]“节省，2 美元”

我们正在考虑将所有这些重新标记为一个语句，这样用户就不必在每个价格中切换。 “原价 9.99 美元，现特价 7.99 美元，立减 2 美元”

上述方法行得通吗，或者是否有更标准化的方式来传达这一点？

Answer 1

据我所知，没有真正的标准可以准确说明您应该如何呈现定价信息。找到适合您的特定情况的最佳公式取决于您。只要一切都在文本中清楚地说明，就可以了。

您必须绝对避免的事情是仅通过视觉格式(隐含地)提供信息。例如，在没有明确说明这是原价和当前有折扣的情况下划出价格划线，会给屏幕阅读器用户和那些可能看不清楚划线的人带来可访问性问题。

所以基本上，通过以文本方式指示所有内容，您就走在了正确的轨道上。

现在，根据我自己作为屏幕阅读器用户的经验，从您的示例开始，我会说:

• 在原价之前先给出折扣价，因为我要支付的是我优先寻找的信息。
• 要聪明，用一个简洁的句子提供完整的信息。示例:“$7.99 而不是 $9.99，节省 $2”。
• 不要先打折，因为这很容易被视为过度的营销操纵。示例:“节省 20%!10 美元而不是 12 美元”与“10 美元而不是 12 美元，节省 20%!”