Problem
When we originally created the new back-office account pages, they were center-aligned. The title-section block that gives the name of the current page was not used; instead a heading was put inside the white box, center-aligned with the rest of the component.
But for accessibility (avoiding an empty h1) and consistency with the rest of the back office UI (everything else is left-aligned), we temporarily moved this to left-aligned.
Proposed solution
With further discussion we agreed this can be avoided by center-aligning the content of the title-section block. The h1 spans the full width of the page, which does not make for a very organized layout but is better than an empty h1, on the one hand, and a left-aligned login box, on the other.
Problem
When we originally created the new back-office account pages, they were center-aligned. The
title-sectionblock that gives the name of the current page was not used; instead a heading was put inside the white box, center-aligned with the rest of the component.But for accessibility (avoiding an empty h1) and consistency with the rest of the back office UI (everything else is left-aligned), we temporarily moved this to left-aligned.
Proposed solution
With further discussion we agreed this can be avoided by center-aligning the content of the
title-sectionblock. The h1 spans the full width of the page, which does not make for a very organized layout but is better than an empty h1, on the one hand, and a left-aligned login box, on the other.