Begruessung, Schriftzug, hellerer Hintergrund - und "Wissen" fuer Creator

Vier Wuensche auf einmal, alle auf der Startseite und der Kopfleiste.

BEGRUESSUNG. Dort stand "Angemeldet" ueber dem Namen -- eine Zeile, die
nichts hinzufuegt, weil oben rechts ohnehin Name und Rolle stehen. Jetzt
beantwortet der Kopf die drei Fragen, die man beim Reinkommen hat:
WANN (Wochentag, Datum, Kalenderwoche nach ISO 8601, selbst gerechnet),
WER (Plakette mit dem Anfangsbuchstaben in der Farbe der Rolle -- der
einzige runde Koerper der Seite, dadurch sofort als Person lesbar) und
WIE es steht (ein Satz aus denselben Hinweisen, die darunter stehen --
keine zweite Zaehlung). An Tagen mit Charakter kommt ein Wort dazu:
Neue Woche, Endspurt, Wochenende. Der Gruss ist feiner gestuft und der
Name eigenstaendig ausgezeichnet: das Grusswort leise, der Name kraeftig.

SCHRIFTZUG oben links. Vorher alles gleich laut, der Trenner ein
Satzzeichen wie jedes andere. Jetzt hat er Rang: der Name vorn und
kraeftig, der Ort dahinter und leiser, dazwischen eine kleine Raute in
der Hausfarbe. Aufgeteilt zentral in kopf.js statt in sechzehn HTML-
Dateien, und nur die Textknoten -- Verweise bleiben unberuehrt.

HINTERGRUND heller, wie gewuenscht: Der Schleier liegt bei .86/.58/.44
statt .95/.72/.60, dazu zwei sehr weiche Farbschimmer, die dem Bild das
reine Schwarz nehmen. Der Kontrast wurde danach an echten Bildpunkten
nachgemessen und haelt ueberall (schlechtester Wert 4,78:1).

"WISSEN" statt "Team & System" -- aber nur fuer Creator. Von der Gruppe
bleibt fuer ihn genau eine Kachel uebrig; eine Ueberschrift, die Team
und System verspricht und nur die Bibliothek zeigt, verspricht etwas
Falsches.

DREI FUNDE DURCH DIE PRUEFUNGEN:

1. Die Kontrastmessung war kaputt, seit Text neben Text steht. Sie tastete
   stur 4 px rechts vom Text ab -- und traf dort den NACHBARTEXT statt den
   Untergrund (1,10:1 gemeldet, ohne dass etwas schlecht lesbar war). Jetzt
   werden sechs Stellen rings um den Text angeboten und jede zuerst
   gefragt, ob dort wirklich Untergrund liegt. Strenger, nicht lockerer.
   Texte ohne freie Stelle werden GEZAEHLT und ausgegeben, nicht still
   uebersprungen.
2. bereich.html hatte als einzige Seite kein span.marke__text. Damit
   griffen dort weder die Ueberlauf-Kuerzung noch der neue Rang. Stand seit
   Monaten so, aufgefallen erst, als die Seitenpruefung die Marke auf allen
   dreizehn Seiten nachgesehen hat.
3. Die Datumspruefung haette im Maerz stillschweigend versagt: \w kennt
   ohne Unicode-Schalter kein "ae". Ein Fehler, der sieben Monate wartet.

Co-Authored-By: Claude Opus 5 <[email protected]>

server/pruef-buehne.mjs

@@ -114,17 +114,52 @@ for (const [breite, hoehe, wie] of [[1440, 950, "Computer"], [390, 780, "Handy"]
       g.drawImage(bild, 0, 0);
       const skala = bild.width / window.innerWidth;
 
-      let schlecht = null, anzahl = 0;
+      /* Wo darf man den Untergrund abtasten?
+
+         Vorher wurde stur 4 px rechts neben dem Text gemessen. Das ging
+         gut, solange dort nichts stand -- sobald aber zwei Textstücke
+         nebeneinanderliegen (Grußwort und Name, Marke und Ortsangabe),
+         traf der Punkt DEN NACHBARTEXT und die Prüfung verglich Schrift
+         mit Schrift. Ergebnis: 1,1:1 und ein Alarm, der nichts mit der
+         Lesbarkeit zu tun hatte.
+
+         Jetzt werden mehrere Stellen rings um den Text angeboten und
+         jede zuerst gefragt: Liegt dort wirklich Untergrund? Ein Punkt
+         gilt nur, wenn an seiner Stelle KEIN fremdes Textelement liegt.
+         Das macht die Prüfung strenger, nicht lockerer -- sie misst
+         jetzt tatsächlich das, was sie behauptet zu messen. */
+      const istFremderText = (el2, e) =>
+        el2 && el2 !== e && !el2.contains(e) && !e.contains(el2)
+        && el2.children.length === 0 && el2.textContent.trim().length > 0;
+
+      let schlecht = null, anzahl = 0, ohneStelle = 0;
       const alle = [...document.querySelectorAll("p, h1, h2, h3, span, a, li")]
         .filter((e) => e.children.length === 0 && e.textContent.trim().length > 2);
       for (const e of alle) {
         const r = e.getBoundingClientRect();
         if (r.width < 8 || r.height < 8) continue;
         if (r.top < 0 || r.bottom > window.innerHeight) continue;
-        const x = Math.round((r.left + r.width + 4) * skala);
-        const y = Math.round((r.top + r.height / 2) * skala);
-        if (x < 0 || x >= c.width || y < 0 || y >= c.height) continue;
-        const p = g.getImageData(x, y, 1, 1).data;
+
+        const mitte = r.top + r.height / 2;
+        const kandidaten = [
+          [r.right + 4, mitte], [r.right + 14, mitte],
+          [r.left - 4, mitte], [r.left - 14, mitte],
+          [r.left + r.width / 2, r.top - 3], [r.left + r.width / 2, r.bottom + 3],
+        ];
+        let p = null;
+        for (const [kx, ky] of kandidaten) {
+          if (kx < 0 || ky < 0 || kx >= window.innerWidth || ky >= window.innerHeight) continue;
+          if (istFremderText(document.elementFromPoint(kx, ky), e)) continue;
+          const bx = Math.round(kx * skala), by = Math.round(ky * skala);
+          if (bx < 0 || bx >= c.width || by < 0 || by >= c.height) continue;
+          p = g.getImageData(bx, by, 1, 1).data;
+          break;
+        }
+        /* Kein freier Punkt gefunden -- das wird GEZÄHLT und ausgegeben.
+           Ein stillschweigend übersprungener Text wäre eine Prüfung, die
+           behauptet, etwas geprüft zu haben. */
+        if (!p) { ohneStelle++; continue; }
+
         const st = getComputedStyle(e);
         const farbe = st.color.match(/\d+/g).slice(0, 3).map(Number);
         const gr = parseFloat(st.fontSize);
@@ -136,13 +171,20 @@ for (const [breite, hoehe, wie] of [[1440, 950, "Computer"], [390, 780, "Handy"]
           schlecht = { v, grenze, text: e.textContent.trim().slice(0, 26), grund: [p[0], p[1], p[2]] };
         }
       }
-      return { ...schlecht, anzahl };
+      return { ...schlecht, anzahl, ohneStelle, gesamt: alle.length };
     }, bild.toString("base64"));
 
     ok(schlimmster.v >= schlimmster.grenze,
        `${s}: schlechtester Kontrast ${schlimmster.v.toFixed(2)}:1 (nötig ${schlimmster.grenze}:1) `
        + `bei "${schlimmster.text}" auf rgb(${schlimmster.grund.join(",")}) · `
        + `${schlimmster.anzahl} Stellen gemessen`);
+    /* Wenn rings um einen Text nirgends freier Untergrund liegt, ist er
+       ungeprüft geblieben. Das darf vorkommen (dicht gesetzte Zeilen),
+       aber nicht unbemerkt und nicht bei vielen -- sonst meldet die
+       Prüfung "bestanden" für eine Seite, die sie kaum angesehen hat. */
+    ok(schlimmster.ohneStelle <= 2,
+       `${s}: höchstens zwei Texte ohne freien Untergrund `
+       + `(${schlimmster.ohneStelle} von ${schlimmster.gesamt})`);
   }
 
   if (breite === 1440) {