3633e8a4cf
All checks were successful
Container-Image bauen und veröffentlichen / build-and-push (push) Successful in 1m33s
Rechtsrahmen: § 13 Abs. 3 LBGG SH i. V. m. §§ 3 und 4 BITV 2.0. Eine Erklaerung "nicht barrierefrei" ersetzt die Herstellungspflicht nicht, sie dokumentiert den Stand nur voruebergehend. Farben, alle Werte gegen die WCAG-Formel nachgerechnet: - Sekundaertext 4.40:1 auf muted-Flaechen -> 4.55:1 - Rahmen von Eingabefeldern 1.24:1 -> 3:1 (WCAG 1.4.11); dekorative Trenner bleiben unveraendert - Badge-Farben scheiterten auf der eigenen 10-Prozent-Flaeche (brand 4.20, success 4.18, destructive 3.88) -> jeweils ueber 4.5 - Warnfarbe im Admin 3.11:1 -> amber-700 mit 4.90:1 Fokus war faktisch unsichtbar: Der Ring wurde durchgaengig mit halber Deckkraft gezeichnet (ring-ring/50), effektiv rund 1.5:1. Jetzt volle Deckkraft in Markenfarbe, 12 Dateien betroffen. Weiter: Sprungmarke zum Inhalt auf allen Seiten, Suchfelder beschriftet, Druck-Schaltflaechen hatten als reine Icon-Buttons gar keinen zugaenglichen Namen, Liste als echte Liste ausgezeichnet, doppelter Link je Zeile entfernt, Trefferzahl als Live-Region. Responsiv: Aussenabstaende und Kopfzeilen ab 320 Pixel, Listenzeilen brechen um. Neu nach § 4 BITV 2.0: Seiten fuer Leichte Sprache und Gebaerdensprache, im Admin pflegbar. Leer gelassen und damit noch nicht online - die Inhalte kommen vom Amt. In der Erklaerung als bekannte Luecke benannt. Geprueft mit axe-core (WCAG 2.1 A und AA) ueber alle oeffentlichen Seiten und den Adminbereich, hell und dunkel, dazu Tastaturbedienung, 200 Prozent Vergroesserung und 320 Pixel Breite: keine Verstoesse, kein waagerechter Ueberlauf. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
46 lines
1.5 KiB
TypeScript
46 lines
1.5 KiB
TypeScript
import Link from "next/link"
|
||
|
||
import { appName } from "@/lib/app-config"
|
||
import { SITE_PAGES, SITE_PAGE_META } from "@/lib/site-pages"
|
||
import { readSitePages } from "@/lib/site-pages.server"
|
||
|
||
/**
|
||
* Fußzeile der öffentlichen Seiten mit den rechtlichen Pflichtangaben.
|
||
*
|
||
* Serverseitig gerendert: Das Impressum muss unmittelbar erreichbar sein, also
|
||
* auch ohne JavaScript im Dokument stehen. Verlinkt wird nur, was im Admin
|
||
* gepflegt ist – ein Link auf eine leere Impressumsseite wäre schlechter als
|
||
* gar keiner.
|
||
*/
|
||
export async function SiteFooter() {
|
||
const pages = await readSitePages()
|
||
const links = SITE_PAGES.filter((key) => pages[key].trim())
|
||
|
||
return (
|
||
<footer className="mt-12 border-t">
|
||
<div className="mx-auto flex max-w-5xl flex-col gap-3 px-4 py-6 text-sm text-muted-foreground sm:flex-row sm:items-center sm:justify-between sm:px-6">
|
||
<span>
|
||
© {new Date().getFullYear()} {appName()}
|
||
</span>
|
||
|
||
{links.length > 0 && (
|
||
<nav aria-label="Rechtliche Hinweise">
|
||
<ul className="flex flex-wrap items-center gap-x-5 gap-y-2">
|
||
{links.map((key) => (
|
||
<li key={key}>
|
||
<Link
|
||
href={SITE_PAGE_META[key].path}
|
||
className="underline-offset-4 hover:text-foreground hover:underline"
|
||
>
|
||
{SITE_PAGE_META[key].title}
|
||
</Link>
|
||
</li>
|
||
))}
|
||
</ul>
|
||
</nav>
|
||
)}
|
||
</div>
|
||
</footer>
|
||
)
|
||
}
|