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.


Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

c# - Attempting to upload to FTP: System.Net.WebException: System error -

ios - UISlider customization: how to properly add shadow to custom knob image -