Beispielarbeiten · Webseiten
Firmenwebseite ohne CMS: leicht, gut bedienbar und auf jedem Webspace lauffähig
Für eine erfundene Bäckerei: sechs Seiten mit Menü, Kontaktformular, Suchmaschinen-Angaben und Prüfung am Handy, Tablet und Desktop, hell und dunkel. Ohne fremde Schrift, ohne Bibliothek, ohne Tracking.
Musterarbeit (Demo), kein Kundenauftrag. Gebaut als Probeaufgabe mit erfundenen Beispieldaten; die Prüfzahlen unten stammen aus dem automatischen Prüflauf und sind nicht geschönt.
Was gebaut wurde
- Start, Sortiment, Über uns, Kontakt, Impressum und Datenschutz mit eigener Adresse, eigenem Titel und eigener Beschreibung
- Menü, das am Handy aufklappt und mit der Esc-Taste schließt; Sprunglink und sichtbarer Fokus für die Tastatur
- Kontaktformular mit Prüfung vor dem Senden und Schutz vor Spam-Robotern, das an eine vom Kunden benannte Adresse sendet
- Farben und Schrift aus einem Design-System, Kontrast gemessen; hell und dunkel; nichts wird von Dritten geladen
- Sitemap, robots.txt, Vorschaubild für soziale Netzwerke und eine 404-Seite; Betrieb und Texte erfunden, Impressum und Datenschutz sind Platzhalter
Wie geprüft wurde
Automatischer Prüflauf vom 02.11.2026, aus dem Protokoll (Testdaten erfunden, Zahlen gemessen):
- Firmenwebseite nach Vorgabe gebaut (6 Seiten + 404, 18 KB, ohne Bibliothek, ohne Fremdanfrage)
- 46/46 Pruefungen gruen: je Seite Titel/Beschreibung/h1/Alt/Open-Graph/Links, 3 Breiten ohne Ueberlauf, Telefon-Menue, Tippflaechen >= 44 px, Kontrast gemessen hell und dunkel (min 5.2:1)
Alle Prüffälle (46 von 46 grün)
- ✓ seiten gebaut
- ✓ kontrast der farben geprueft
- ✓ datei lang
- ✓ datei charset viewport
- ✓ datei titel laenge
- ✓ datei beschreibung laenge
- ✓ datei genau eine h1
- ✓ datei bild ohne alt
- ✓ datei open graph
- ✓ datei tags ausgewogen
- ✓ datei sprunglink zuerst
- ✓ datei json ld gueltig
- ✓ datei canonical
- ✓ datei titel eindeutig
- ✓ datei beschreibung eindeutig
- ✓ datei menue aktuelle seite
- ✓ datei interne links
- ✓ datei sitemap
- ✓ datei robots
- ✓ gewicht unter 100kb
- ✓ ohne fremdbibliothek
- ✓ vorschaubild 1200x630
- ✓ texte ohne ki floskeln
- ✓ texte ohne versprechen
- ✓ demo gekennzeichnet
- ✓ rechtstexte als platzhalter
- ✓ alle seiten 200
- ✓ keine seite ragt hinaus
- ✓ menue reihenfolge und ziele
- ✓ desktop ohne menueknopf
- ✓ telefon menue klappt
- ✓ tippflaechen mindestens 44px
- ✓ tastatur sprunglink und fokus
- ✓ kontrast gemessen hell und dunkel
- ✓ formular leer meldet und sendet nichts
- ✓ gegenprobe kaputte email sendet nichts
- ✓ gegenprobe honigtopf sendet nichts
- ✓ gegenprobe serverfehler wird gemeldet
- ✓ formular sendet einmal mit den werten
- ✓ formular wird geleert
- ✓ keine konsolenfehler
- ✓ keine anfrage an fremde server
- ✓ gegenprobe schwache farben brechen den bau ab
- ✓ gegenprobe kaputte kopie faellt durch
- ✓ gegenprobe ueberbreite wird erkannt
- ✓ gegenprobe fremder html bleibt text
Grenzen
Was diese Probe nicht abdeckt, steht hier, damit niemand mehr erwartet:
- Statische Seite (HTML/CSS/JS), kein CMS: Texte aendert der Kunde in den Dateien oder ein Page-Builder/WordPress kommt dazu (dann wp_seite_bauen); Shop, Konten, Zahlung und Buchung sind eigene …
- Das Formular sendet an eine Adresse, die der Kunde stellt (eigener Server, Formular-Dienst); in der Probe antwortet ein Test-Server, es wird keine E-Mail zugestellt
- Texte, Fotos und Rechtstexte (Impressum, Datenschutz) liefert der Kunde bzw. ein Rechtstext-Dienst - die Probe baut Platzhalter
- Schrift: Inter, falls auf dem Geraet vorhanden, sonst System-Schrift - keine Schrift wird von einem Dritten geladen; eine eigene Schriftdatei des Kunden wird lokal eingebunden
- Geprueft in Chromium (hell und dunkel, 3 Breiten); Firefox/Safari und echte Geraete nicht; Hosting, Domain, SSL und Live-Schaltung sind webseite_umzug/bereitstellung
So etwas für deinen Betrieb?
Beschreib kurz, was du brauchst. Du bekommst einen Festpreis, bevor ich anfange; ohne dein Ja passiert nichts.