使用HTML连接单独的列表以获得辅助技术

在我的HTML中，我有一个描述列表，为了表示的目的，我不得不将其拆分

让我们假设以下HTML：

<div class="styling-1">
  <dl id="list-1">
    <dt>Item 1</dt>
    <dd>Description 1</dd>

    <dt>Item 2</dt>
    <dd>Description 2</dd>
  </dl>
</div>
<div class="styling-2">
  <dl id="list-2">
    <dt>Item 3</dt>
    <dd>Description 3</dd>

    <dt>Item 4</dt>
    <dd>Description 4</dd>
  </dl>
</div>

项目1
说明1
项目2
说明2
项目3
说明3
项目4
说明4

编辑：澄清的旁注：我不能使用CSS网格、列布局。。。获取一个语义列表并调整其项的分布。这些列表需要以HTML格式单独保存

现在macOS的画外音自然地宣布这是两个描述列表。这并不是一个破坏交易的因素，但由于它们在语义上是一个单一的列表，所以最好将它们作为一个列表来公布

因此，我的问题是：WAI-ARIA（或任何其他声明性工具）是否提供了一种方法来告诉辅助技术

list-2

是

list-1

的延续

现在macOS的画外音自然地宣布这是两个描述列表。这并不是一个破坏交易的因素，但由于它们在语义上是一个单一的列表，所以最好将它们作为一个列表来公布

你对这个问题的看法是错误的。文档的显示不应规定其语义

如果两个列表都应该在一个列表中，那么就这样做，并找到在屏幕上“分隔”它们的方法

根据，可以将

，

成对包装成

：

WHATWG HTML允许在元素中的元素中包装每个名称值组。当使用微数据时，或者当全局属性应用于整个组时，或者出于样式化目的时，这可能非常有用

名称
哥斯拉
出生
1952
出生地
日本
颜色
绿色

因此，您应该能够将单个列表“拆分”为两个：

名称
哥斯拉
出生
1952
出生地
日本
颜色
绿色

当你说你为了展示的目的而将列表拆分时，我首先想知道你是否同意这样一个答案，即将此作为一个列表，但使用CSS以不同的方式展示它？例如，一个列表可以单独使用CSS显示为两列。否。样式需要围绕列表包装元素，我既不能使用CSS列，也不能使用网格布局。我考虑在我的问题中澄清这一点，我将对问题进行编辑，以澄清这一点。（这也是为什么我没有给它加上“css”的标签。）谢谢你指出这一点。我知道样式不应该强制语义，但样式并不总是掌握在开发人员手中。我希望有一种更通用的方法可用（甚至可能包括常规的

/

列表），但这肯定解决了我的用例-谢谢。