A document outline, and a skeleton in the page's own shape

Featurekamo-internal
Shipped
September 6, 2026 at 7:07 PM UTC
Author
Kamo
Commit
c6fa655

Only the hero was a real heading. Everything else — the ledger's nine categories, the account panels, the covenant, each upgrade option — was a styled div, so a screen-reader user had one landmark on the longest page in the settings area and no way to move between categories. They are h2 and h3 now, and the ledger follows the ARIA accordion pattern with the heading WRAPPING its toggle: nested the other way the category is announced as part of the control and stops being somewhere you can jump to. The loading state was a centred spinner, which is the wrong instrument here. One request fills the whole screen, so the spinner sat in the middle of nothing and the finished layout then arrived at once and shifted everything under the reader. The skeleton holds the real proportions — the hero band with its rail, the long ledger column, the shorter column of panels beside it — so arrival is a fill rather than a jump. It carries no motion of its own beyond MUI's wave; the page has exactly one deliberate animation and it should not have to compete with what was on screen a moment earlier. Tests pin the outline and the accordion nesting, plus two things the ledger gets right and would silently stop getting right: the catalogue's "100.0000" rendered as 100, and a boolean feature never described as Unlimited.

All changes

Like what you see shipping?

Every one of these updates lands in your workspace automatically. Start free and watch it grow week after week.

Start Free ForeverView Pricing