Alt-Text an das Bild anpassen, mobil das Bild voranstellen #141

Merged
Phil merged 1 commit from fix/goldader-alt-und-mobilreihenfolge into main 2026-09-10 09:06:21 +00:00
Owner

Zwei Nachbesserungen aus der Kritiker-Nachprüfung von #135.

1. Der Alt-Text beschrieb ein Bild, das es nicht gibt

Er behauptete eine „gerade Leitung". Das letzte Bild der Sequenz zeigt keine gerade Leitung, sondern eine in weitem Schwung ausgezogene — der beschriebene Endzustand kommt im Material nicht vor. Für Screenreader und Suchmaschinen war das schlicht falsch. Beide Sprachen korrigiert.

Nebenbefund derselben Prüfung, den ich nachgemessen habe und der nicht zutrifft: Die Sequenz sei nach rund 330 px Scroll aufgebraucht. Gemessen wechseln die Bilder durchgehend von scrollY 496 bis 1496, also über 1.030 px — genau die Strecke, die start: 'top 75%' bis end: 'bottom bottom' bei dieser Sektionshöhe ergibt. Danach steht das fertige Bild, während der Text daneben zu Ende läuft. Das ist beabsichtigt und bleibt.

2. Mobil fiel der Kern der Sektion aus

Gestapelt stand die Sequenz hinter dem gesamten Text: gemessen 1.094 px Lesestoff, bevor überhaupt ein Bild kam. Auf dem Telefon fiel damit genau das aus, was die Sektion tragen soll — man las erst eine Bildschirmhöhe Fließtext und sah das Bild danach.

Das Medium geht jetzt voran, der Text vertieft danach. Gemessen 93 px statt 1.094 px bis zum Bild.

Verifikation (ausgeführt)

Screenshot bei 390×844: Bild, dann Überschrift, dann Text. Gates unverändert — balance PASS 9,4 %, overflow PASS, reduced_motion PASS 0,13 % / 0,30 %.

Refs #135

🤖 Generated with Claude Code

https://claude.ai/code/session_01Y29GMuZcsumFPpLUh84c8G

Zwei Nachbesserungen aus der Kritiker-Nachprüfung von #135. ## 1. Der Alt-Text beschrieb ein Bild, das es nicht gibt Er behauptete eine „gerade Leitung". Das letzte Bild der Sequenz zeigt keine gerade Leitung, sondern eine **in weitem Schwung ausgezogene** — der beschriebene Endzustand kommt im Material nicht vor. Für Screenreader und Suchmaschinen war das schlicht falsch. Beide Sprachen korrigiert. Nebenbefund derselben Prüfung, den ich nachgemessen habe und der **nicht** zutrifft: Die Sequenz sei nach rund 330 px Scroll aufgebraucht. Gemessen wechseln die Bilder durchgehend von scrollY 496 bis 1496, also über **1.030 px** — genau die Strecke, die `start: 'top 75%'` bis `end: 'bottom bottom'` bei dieser Sektionshöhe ergibt. Danach steht das fertige Bild, während der Text daneben zu Ende läuft. Das ist beabsichtigt und bleibt. ## 2. Mobil fiel der Kern der Sektion aus Gestapelt stand die Sequenz **hinter dem gesamten Text**: gemessen 1.094 px Lesestoff, bevor überhaupt ein Bild kam. Auf dem Telefon fiel damit genau das aus, was die Sektion tragen soll — man las erst eine Bildschirmhöhe Fließtext und sah das Bild danach. Das Medium geht jetzt voran, der Text vertieft danach. Gemessen **93 px statt 1.094 px** bis zum Bild. ## Verifikation (ausgeführt) Screenshot bei 390×844: Bild, dann Überschrift, dann Text. Gates unverändert — `balance` PASS 9,4 %, `overflow` PASS, `reduced_motion` PASS 0,13 % / 0,30 %. Refs #135 🤖 Generated with [Claude Code](https://claude.com/claude-code) https://claude.ai/code/session_01Y29GMuZcsumFPpLUh84c8G
Der Alt-Text behauptete eine "gerade Leitung". Das letzte Bild der Sequenz
zeigt keine gerade Leitung, sondern eine in weitem Schwung ausgezogene --
die Beschreibung versprach etwas, das im Material nicht vorkommt. Beide
Sprachen korrigiert.

Mobil stand die Sequenz gestapelt hinter dem gesamten Text der Sektion:
gemessen 1.094 px Lesestoff, bevor ueberhaupt ein Bild kam. Damit fiel auf
dem Telefon genau das aus, was die Sektion tragen soll. Das Medium geht
jetzt voran, der Text vertieft danach -- 93 px statt 1.094 px bis zum Bild.

Refs #135

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Y29GMuZcsumFPpLUh84c8G
Phil merged commit 742cdd75ab into main 2026-09-10 09:06:21 +00:00
Phil deleted branch fix/goldader-alt-und-mobilreihenfolge 2026-09-10 09:06:21 +00:00
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
Phil/philflow.io!141
No description provided.