# Checkliste: Was macht eine gute Website aus?

Nutzt diese Checkliste als Hilfe, bevor ihr eure Website abgebt. Diese Punkte fliessen direkt in die Bewertung ein.

#### Benutzerführung — «Der Besucher soll nie feststecken»

Stellt euch vor, jemand besucht eure Website zum ersten Mal. Diese Person kennt euch nicht, hat 10 Sekunden Geduld und schaut vielleicht auf dem Handy.

* [ ] **Keine Sackgassen:** Jede Seite hat mindestens einen Button oder Link, der den Besucher zur nächsten sinnvollen Seite führt. Testet es: Klickt euch durch jede Seite — kommt ihr überall weiter, ohne die Navigation zu benutzen?
* [ ] **Die Startseite ist wie ein Schaufenster:** Sie zeigt die Highlights und verlinkt auf die wichtigsten Bereiche (Kaffeesorten, Blog, Kontakt) — direkt im Inhalt, nicht nur oben im Menü.

#### Navigation — «Alles in 2 Klicks erreichbar»

* [ ] **Maximal 5–7 Menüpunkte** in der Hauptnavigation. Weniger ist mehr — wenn ein Besucher 12 Menüpunkte sieht, klickt er auf keinen.
* [ ] **Der Besucher findet jede wichtige Seite in maximal 2 Klicks** von der Startseite aus.
* [ ] **Das Logo im Header verlinkt auf die Startseite** — das erwarten alle Besucher.

#### Konsistenz — «Es soll aussehen wie aus einem Guss»

* [ ] **Gleiche Farben überall:** Wenn ein Button gold ist, sind alle Buttons gold. Nutzt die Farben aus dem Styleguide.
* [ ] **Gleiche Schriften überall:** Nicht auf einer Seite Arial und auf der nächsten Comic Sans.
* [ ] **Gleicher Footer auf jeder Seite** mit Links zu Impressum, Datenschutz und Kontakt.
* [ ] **Gleiche Abstände und Grössen:** Wenn Überschriften auf einer Seite gross sind, sollen sie überall gleich gross sein.

#### Lesbarkeit — «Texte müssen einladen, gelesen zu werden»

* [ ] **Kurze Absätze** statt riesige Textwände. Nach 3–4 Sätzen ein Absatz.
* [ ] **Genug Abstand** zwischen den Elementen — die Seite soll «atmen».
* [ ] **Schriftgrösse mindestens 16px** für Fliesstext — kleiner ist auf dem Handy nicht lesbar.
* [ ] **Kontrast prüfen:** Dunkler Text auf hellem Hintergrund (oder umgekehrt). Hellgrau auf Weiss ist nicht lesbar.

#### Mobile — «Mehr als die Hälfte eurer Besucher kommt per Handy»

* [ ] **Jede Seite auf dem Handy testen** — nicht nur im Browser-Emulator, sondern auf einem echten Gerät.
* [ ] **Kein horizontales Scrollen.** Wenn man seitlich scrollen muss, stimmt etwas mit den Spalten oder Bildern nicht.
* [ ] **Buttons gross genug zum Tippen.** Auf dem Handy tippt man mit dem Finger, nicht mit der Maus.

#### Inhalte — «Echte Texte, keine Platzhalter»

* [ ] **Kein Lorem Ipsum.** Alle Texte sind echt und zum Thema passend.
* [ ] **Bilder sind relevant** und passen zur Stimmung des Cafés.
* [ ] **Alt-Texte auf allen Bildern** — beschreibt kurz, was auf dem Bild zu sehen ist (wichtig für Suchmaschinen und Barrierefreiheit).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://m289.ict-bz.ch/projekt/checkliste-was-macht-eine-gute-website-aus.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.