Newsletter signup is confusingly close to content on blog template

[bartaz]

Summary

Newsletter signup "box" being on the same level, sharing a horizontal line with start of the blog content makes it confusing where to start reading. It looks like newsletter form is "before" the content? or part of it?

Even more so, because in the new designs headings on the left part of the grid (with line above them) are usually headings of the whole content section, so it looks like "newsletter signup" heading applies to blog content as well.

[keys-i]

just a bit of spacing is needed

[lizzochek]

@bartaz does this still seem to be too close? https://canonical.com/blog/anbox-cloud-to-improve-infotainment

[bartaz]

Not sure if it's a matter of being to close, or an overall layout order issue.
English being left-to-right language, makes us precieve content this way.

So in there we have: author -> title -> newsletter signup -> content
Even the HTML source order reflects this, so for anyone using screen reader or keyboard navigation they would get to newsletter signup before getting to blog content first.

If it's by design, fine. But I feel like the newsletter signup form is getting into the way.

Maybe moving it to the other side would be an option? At least that would follow a more natural order of reading. But maybe there are other reasons to keep in on the left that I don't know about.

[lizzochek]

@bartaz thank you for a reply. @Sophie-32 @juanruitina do you mind clarifying whether it is wrong in terms of accessibility in this case?

[Sophie-32]

@lizzochek - Yes, I agree that the newsletter sign up should follow the body text of the blog post. I also don't want to overrun other decisions about this layout. Do you know where the design originated from?