accessibility - 促销折扣横幅的咏叹调角色

关于网络可访问性，我应该如何处理电子商务网站顶部的促销横幅。例如，横幅可能会写着“所有产品在有限的时间内享受 20% 的折扣”。我给那个横幅什么咏叹调角色？

标签： accessibilitywai-ariascreen-readerswcag2.0

它可以是一个简单的标志性角色，可以通过屏幕阅读器轻松找到。您的第一个倾向可能是使用该banner角色，因为您将元素描述为“折扣横幅”，但应为主要<header>元素保留横幅标志。一个complementary地标就可以了。

但从技术上讲，您不需要具有里程碑意义的角色或任何角色。折扣横幅是否在页面顶部？它是在 DOM 的开头还是附近？如果是这样，那么屏幕阅读器用户将在导航的早期遇到它（无论是通过tab键还是向下箭头键）。

如果折扣横幅包含链接，只需使用带有真实<a>元素的语义 HTML。尽量避免包含折扣图片的折扣（WCAG 1.4.5）。

通常坚持使用适当的 HTML 元素可为您提供所需的大部分可访问性，而无需添加 ARIA 属性或角色。

如果您有折扣横幅的示例，我可以提供更多详细信息。