@vanzasetia
Posted
Hi!
I have one recommendation which is to not overuse the <section>
and <article>
elements.
In this case, the profile statistic should be a list element with three bullet points. For example:
- 80K Followers
- 803K Likes
- 1.4K Photos
<article>
and <section>
don't make your HTML more semantic since they don't have meaning. In other words, they are almost the same as <div>
. They only have meaning when they get labeled using aria-label
or aria-labelledby
.
Reference — WebAIM: HTML Semantics and Accessibility Cheat Sheet
So, don't overuse them.
I hope you find this useful. Happy new year!
Marked as helpful