结帐摘要的标记和咏叹调角色

Question

我正在进行约会预订结账，我即将向页脚添加预订摘要 - 您知道在结帐过程中每个步骤都会根据您的选择更新的内容类型。这个看起来像这样：

Appointment Summary
  Location__________
  Service___________
  Practitioner______
  Date______________
  Time______________

我的问题与HTML5和辅助功能有关：

1）您是否应该以任何特定方式标记摘要？ <aside>标记似乎最有可能，但我认为它并不真正相关，因为<aside>旨在提供与主要内容相切的信息。

2）如果一个简单的<section>元素就足够了，我应该记住与Aria有关的东西吗？我正在考虑在更新摘要时添加一个Aria live区域，但是在每一步之后可能会有点恼火。此外，role="complementary"似乎与<aside>类似，但说明here似乎留下足够的蠕动空间以使其相关。屏幕阅读器用户是否希望在complementary区域中找到此类摘要信息？

Answer 1

根据您的信息，我会认为这条信息“补充”了主要内容。在这种情况下，可以使用普通部分，您可以使用互补角色。

作为一名屏幕阅读器用户，我真的更喜欢这些信息，不要在每一步都重复。这是一大块信息，当我点击“下一步”时，让我的屏幕阅读器开始阅读是非常意外的。如果要提醒用户注意步骤已更改，可以执行以下操作之一：

1. 有一个不可见的HTML元素，其中aria-live属性设置为礼貌，并使用它来报告内容已更改（I.E.添加文本，例如“摘要更新”）。
2. 在文中明确提到摘要将在您完成每个步骤时更新。