mirror of
https://github.com/Shik3i/KoalaSync.git
synced 2026-08-11 20:17:10 +00:00
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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user