将 <article> 放在 <li> 中是一个好习惯吗？

Question

通常在博客的首页上，有几篇最近的博客文章，每篇博客文章都是一个<article>. 通常博客评论也使用<article>s标记。

我的问题是：将这些<article>s 放入<li>s是一个好习惯吗？我曾经这样做的话，因为我自己的解释那些<article>小号一起在一定的方式呈现量/数量。因此，当涉及到列表元素一定量/数量，<ul>并且<ol>是最好的选择。

但是，也许我需要重新考虑我的解释，因为将<article>s 放入<li>s 似乎是对<li>. 而且我还想考虑可访问性。我不确定这样做是否会导致对辅助技术的混淆。

Answer 1

问题实际上归结为：列表由什么构成？如果它是文章列表，则应使用 进行标记<li>。屏幕阅读器用户的优势在于屏幕阅读器可以使用语义标记来传达有用的信息。例如，通知用户他们刚刚到达“5 个项目的列表”，可以帮助他们了解内容的组织方式以及内容的数量。

也就是说，如果列表中的每个项目都很长或包含带有大量嵌套元素的复杂内容，我同意@IanY，这可能会令人困惑，因为用户很难跟踪他们在列表中的位置。

当内容块相对较大时，如果视力正常的用户不太可能查看该内容并将其识别为项目列表，那么您不应使用<li>. 如果您使用<article>标题来标记文章标题，则可以提供足够的语义来方便屏幕阅读器用户的导航。