From 04a1bd0aaf1294fff23fd5350c625a3f7ed47cfe Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Fri, 24 Apr 2026 17:24:21 +0200
Subject: [PATCH] Add CI lint configs (html-validate, linkinator), fix nav a11y
 and URL routing

- .htmlvalidate.json with relaxed rules for design-system inline styles
- linkinator.config.json skipping mail, external auth/platform origins
- Fix lint:html npm script quoting for Windows-shell compatibility
- Switch astro build.format to 'directory' so /pricing resolves without MultiViews
- trailingSlash: 'ignore' lets both /pricing and /pricing/ work naturally
- Add aria-label to both <nav> landmarks (Primary, Footer) to satisfy html-validate

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .htmlvalidate.json              |  8 ++++++++
 astro.config.mjs                |  6 ++++--
 linkinator.config.json          | 13 +++++++++++++
 package.json                    |  2 +-
 src/components/SiteFooter.astro |  2 +-
 src/components/SiteHeader.astro |  2 +-
 6 files changed, 28 insertions(+), 5 deletions(-)
 create mode 100644 .htmlvalidate.json
 create mode 100644 linkinator.config.json

diff --git a/.htmlvalidate.json b/.htmlvalidate.json
new file mode 100644
index 0000000..0abd136
--- /dev/null
+++ b/.htmlvalidate.json
@@ -0,0 +1,8 @@
+{
+  "extends": ["html-validate:recommended"],
+  "rules": {
+    "require-sri": "off",
+    "no-inline-style": "off",
+    "void-style": "off"
+  }
+}
diff --git a/astro.config.mjs b/astro.config.mjs
index 778e2c2..e1dbf77 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -4,9 +4,11 @@ import tailwind from '@astrojs/tailwind';
 export default defineConfig({
   site: 'https://www.cameleer.io',
   output: 'static',
-  trailingSlash: 'never',
+  trailingSlash: 'ignore',
   build: {
-    format: 'file',
+    // 'directory' outputs <page>/index.html so extensionless URLs like /pricing
+    // resolve natively under Apache without MultiViews or rewrite rules.
+    format: 'directory',
     assets: 'assets',
     inlineStylesheets: 'auto',
   },
diff --git a/linkinator.config.json b/linkinator.config.json
new file mode 100644
index 0000000..639a3df
--- /dev/null
+++ b/linkinator.config.json
@@ -0,0 +1,13 @@
+{
+  "recurse": true,
+  "silent": true,
+  "skip": [
+    "^https://auth\\.cameleer\\.io",
+    "^https://platform\\.cameleer\\.io",
+    "^https://www\\.cameleer\\.io",
+    "^mailto:",
+    "^https://ec\\.europa\\.eu"
+  ],
+  "retry": true,
+  "concurrency": 10
+}
diff --git a/package.json b/package.json
index 16968a2..1841b82 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
     "astro": "astro",
     "test": "vitest run",
     "test:watch": "vitest",
-    "lint:html": "html-validate 'dist/**/*.html'",
+    "lint:html": "html-validate \"dist/**/*.html\"",
     "lint:links": "linkinator dist --recurse --silent",
     "lh": "lhci autorun"
   },
diff --git a/src/components/SiteFooter.astro b/src/components/SiteFooter.astro
index 78fd19e..1b56b0d 100644
--- a/src/components/SiteFooter.astro
+++ b/src/components/SiteFooter.astro
@@ -14,7 +14,7 @@ const year = new Date().getFullYear();
       </svg>
       <span class="text-text-muted text-sm">© {year} Cameleer</span>
     </div>
-    <nav class="flex items-center gap-8 text-sm text-text-muted">
+    <nav class="flex items-center gap-8 text-sm text-text-muted" aria-label="Footer">
       <a href="/pricing" class="hover:text-text transition-colors">Pricing</a>
       <a href="/imprint" class="hover:text-text transition-colors">Imprint</a>
       <a href="/privacy" class="hover:text-text transition-colors">Privacy</a>
diff --git a/src/components/SiteHeader.astro b/src/components/SiteHeader.astro
index c809a00..b7af588 100644
--- a/src/components/SiteHeader.astro
+++ b/src/components/SiteHeader.astro
@@ -14,7 +14,7 @@ import CTAButtons from './CTAButtons.astro';
       </svg>
       <span class="font-sans font-bold text-lg tracking-tight text-text group-hover:text-accent transition-colors">Cameleer</span>
     </a>
-    <nav class="flex items-center gap-8 text-sm">
+    <nav class="flex items-center gap-8 text-sm" aria-label="Primary">
       <a href="/pricing" class="text-text-muted hover:text-text transition-colors">Pricing</a>
     </nav>
     <CTAButtons size="md" />