feat: Website für IONOS und neue Rubriken aktualisieren

README.md

@@ -2,6 +2,35 @@
 
 Ein eigenständiger, responsiver Website-Prototyp auf Basis öffentlich auffindbarer Informationen der bisherigen Schulwebsite, des Webarchivs und der Stadt Karlsruhe.
 
+## Öffentliches Website-Verzeichnis
+
+Alle Dateien, die auf einen Webspace gehören, liegen ausschließlich in:
+
+```text
+src/website/
+├── .htaccess
+├── index.html
+├── impressum.html
+├── datenschutz.html
+├── barrierefreiheit.html
+├── styles.css
+├── script.js
+└── public/
+    └── images/
+```
+
+Für einen Upload oder eine Synchronisation muss deshalb nur der **Inhalt von `src/website/`** in das Zielverzeichnis der Domain übertragen werden. Die versteckte Datei `.htaccess` muss dabei eingeschlossen sein. Dateien aus dem Projektstamm wie `Dockerfile`, `package.json`, `server.mjs` oder `.gitea/` gehören nicht auf den Webspace.
+
+## Auf IONOS/1&1 veröffentlichen
+
+1. Im IONOS-Konto unter **Domains & SSL** prüfen, mit welchem Webspace-Verzeichnis die Domain verbunden ist.
+2. Das SSL-Zertifikat für `hardtschule-karlsruhe.de` aktivieren.
+3. Per SFTP oder Webspace-Explorer den vollständigen Inhalt von `src/website/` in genau dieses Domain-Verzeichnis übertragen.
+4. Darauf achten, dass `.htaccess` mit übertragen wurde; die empfohlenen Dateirechte sind `644`.
+5. Anschließend `https://hardtschule-karlsruhe.de/`, die drei rechtlichen Unterseiten und ein Bild unter `public/images/` testen.
+
+Die `.htaccess` erzwingt HTTPS, deaktiviert Verzeichnislisten, aktiviert gzip-Komprimierung und Browser-Caches und setzt grundlegende Sicherheits-Header. Solange das SSL-Zertifikat noch nicht aktiv ist, muss der entsprechend kommentierte HTTPS-Block vorübergehend auskommentiert werden.
+
 ## Lokal ansehen
 
 ```sh
@@ -59,9 +88,17 @@ Der unveränderliche Commit-Tag erlaubt bei Bedarf ein gezieltes Rollback. `late
 - Stadt Karlsruhe: Städtischer Schülerhort an der Hardtschule
 - Werkraum Karlsruhe: Theaterprojekte 2023/24
 
+## Barrierefreiheit
+
+Die Seiten sind auf WCAG 2.2, Konformitätsstufe AA, ausgerichtet. Dazu gehören unter anderem semantische Seitenstrukturen, vollständige Tastaturbedienung, gut sichtbare Fokusmarkierungen, ausreichende Kontraste, Alternativtexte, große Bedienflächen, reduzierte Bewegung auf Wunsch sowie eine eigene Erklärung zur Barrierefreiheit mit Rückmeldemöglichkeit.
+
+Automatisierte Prüfungen ersetzen keine Tests mit assistiven Technologien und betroffenen Nutzer*innen. Nach größeren inhaltlichen oder gestalterischen Änderungen sollten deshalb erneut automatisierte und manuelle Tests durchgeführt werden.
+
 ## Vor einer Veröffentlichung
 
 - aktuelle Termine, Materiallisten und Pläne ergänzen
 - Kontaktangaben und Zuständigkeiten von der Schule bestätigen lassen
 - Impressum und Datenschutz an Hosting und tatsächliche Dienste anpassen
+- Erklärung zur Barrierefreiheit fachlich prüfen und mindestens jährlich aktualisieren
+- Informationen in Deutscher Gebärdensprache und eine fachlich geprüfte Fassung in Leichter Sprache ergänzen
 - Nutzungsfreigabe für die Gebäudefotos dokumentieren (Dirk Altenkirch / Stadt Karlsruhe); das Hauptmotiv ist ein gekennzeichnetes KI-generiertes Symbolbild