canonical / canonical.com

Repository for the new version of canonical.com
Other
34 stars 72 forks source link

Newsletter signup is confusingly close to content on blog template #967

Open bartaz opened 1 year ago

bartaz commented 1 year ago

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.

image
keys-i commented 9 months ago

just a bit of spacing is needed

lizzochek commented 2 months ago

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

bartaz commented 2 months ago

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.

image

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.

image
lizzochek commented 2 months ago

@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 commented 2 months ago

@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?