Currently a list of posts is structured as a flat list of alternating divs of header and content. It would be better for each post in the list to be displayed as a single <article>.
Within that there can eventually be sections for the title, image, meta data, and comments.
<article>
<h2>The title</h2>
<figure>
<img />
</figure>
<p>
Description of the post.
Much detail.
</p>
<section metadata />
<section interactions />
<section comments />
</article>
Aim would be to provide this more meaningful structure while maintaining the current layout with CSS 🪄.
Also alter saves, likes, comments tabs in image meta to buttons rather than links. As they are they show up in screen readers as link:0 or link:7, three for each post which isn't very helpful.
Reply and delete controls for comments may be candidates for similar treatment.
Currently a list of posts is structured as a flat list of alternating divs of header and content. It would be better for each post in the list to be displayed as a single <article>.
Within that there can eventually be sections for the title, image, meta data, and comments.
Aim would be to provide this more meaningful structure while maintaining the current layout with CSS 🪄.
Also alter saves, likes, comments tabs in image meta to buttons rather than links. As they are they show up in screen readers as link:0 or link:7, three for each post which isn't very helpful.
Reply and delete controls for comments may be candidates for similar treatment.