feat(website): technical SEO and UI/UX accessibility improvements

- Add LCP image preload for hero mascot
- Add HowTo structured data schema (3-step install guide)
- Update SoftwareApplication schema with screenshot + image fields
- Add glassmorphic :focus-visible outlines for keyboard accessibility
- Add content-visibility: auto to heavy offscreen sections for INP
- Expand lang-init.js auto-redirect to all 6 supported languages
- Remove impressum/datenschutz from sitemap.xml (noindex conflict)
This commit is contained in:
Koala
2026-06-01 01:57:16 +02:00
parent e29c6666b6
commit 1bb2123da2
13 changed files with 337 additions and 77 deletions
+15
View File
@@ -48,6 +48,12 @@
box-sizing: border-box;
}
:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 2px;
border-radius: 6px;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
background-color: var(--bg);
@@ -102,6 +108,15 @@ section {
padding: 6rem 0;
}
/* Content-visibility for offscreen sections to improve INP */
.use-cases-section,
#features,
#self-hosting,
.comparison-section {
content-visibility: auto;
contain-intrinsic-size: 700px;
}
/* --- Navigation --- */
nav {
position: fixed;