Skip to content

Structure each post as an <article> #848

@smallsaucepan

Description

@smallsaucepan

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.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions