fix: eliminate checkout/cart layout shift and low-contrast muted text
Live Lighthouse + performance-trace audits against the running dev app found two real, measurable defects: - /checkout and /warenkorb rendered the cart-store's default empty state before Zustand's persist middleware finished reading localStorage, so any customer who already had items in their cart saw an "empty cart" flash before the real form appeared (CLS 0.82). Fixed by tracking hasHydrated in the store and rendering the existing route skeleton until rehydration completes. Verified via Chrome DevTools performance trace: CLS 0.82 -> 0.00 on both pages. - axe-core (via Lighthouse) flagged text-ink/60 on the cream background at 4.09:1 contrast, under the 4.5:1 WCAG AA minimum for normal-size text. Bumped to text-ink/70 (5.61:1) everywhere the same token is used at text-xs/text-sm across 7 files. Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
1 parent
6143e5704d
commit
0402f7510d
8 files changed
+43
-12
No files matched your search
@@ -86,7 +86,7 @@ export default async function WissenArticlePage(
|
||||
|
||||
{otherArticles.length > 0 ? (
|
||||
<div className="mt-16 border-t border-ink/10 pt-10">
|
||||
<p className="text-sm tracking-wide-caps text-ink/60 mb-6">{t.wissenArticlePage.otherArticlesHeading}</p>
|
||||
<p className="text-sm tracking-wide-caps text-ink/70 mb-6">{t.wissenArticlePage.otherArticlesHeading}</p>
|
||||
<div className="space-y-6">
|
||||
{otherArticles.map((otherSlug) => {
|
||||
const other = t.wissenArticles[otherSlug];
|
||||
|
||||
Reference in new issue
Block a user