html5 - Is it a good practice to put <article>s inside <li>s? -
typically on front page of blog, there several recent blog posts, , each blog post <article>
. , blog comments markuped using <article>
s, too.
my question is: practice put <article>
s inside <li>
s? used because in own interpretation <article>
s presented in way of amount/quantity. when comes listing amount/quantity of elements, <ul>
, <ol>
best choices.
however, maybe need reconsider interpretation because putting <article>
s inside <li>
s seems misuse of <li>
. , want take accessibility account. i'm not sure if doing causes confusions assistive technologies or not.
the question comes down to: constitutes list? if it's list of articles, should marked such using <li>
. advantage screen reader users screen readers can use semantic markup communicate useful information. example, informing user they've landed on "list of 5 items" helps them understand how content organized, , how of there is.
that said, if each item in list long or contains complex content lots of nested elements, agree @iany confusing, becomes difficult users keep track of within list.
when blocks of content relatively large, if sighted user isn't @ content , identify list of items, shouldn't use <li>
. if use <article>
, heading mark article title, provides sufficient amount of semantics facilitate navigation screen reader users.