标记可访问性的开放和关闭日期的最佳方法是什么？

Question

我需要展示一周中哪些商店开放或关闭。 为可访问性（屏幕阅读器等）执行此操作的最佳方法是什么？

如果可能的话，我会优先不使用表格，因为这会使我很难实现我想要的“普通”用户的布局。

<h2>First shop</h2>
<ul>
  <li>
    Monday open
  </li>
  <li>
    Tuesday closed
  </li>
  <li>
    Wednesday closed
  </li>
  <li>
    Thursday open
  </li>
  <li>
    Friday open
  </li>
  <li>
    Saturday closed
  </li>
  <li>
    Sunay closed
  </li>
</ul>

<h2>Second shop</h2>
<ul>
  <li>
    Monday closed
  </li>
  <li>
    Tuesday open
  </li>
  <li>
    Wednesday closed
  </li>
  <li>
    Thursday open
  </li>
  <li>
    Friday open
  </li>
  <li>
    Saturday closed
  </li>
  <li>
    Sunay closed
  </li>
</ul>

Answer 1

使用定义列表。 它们是关联数组的HTML等价物。 缩短版：

<dl>
    <dt>Monday</dt><dd>open</dd>
    <dt>Tuesday</dt><dd>closed</dd>
    ...
    ...
    ...
</dl>