Skip to content

[P3][Frontend] Hero-CLS-Kontrakt unterhalb lg nicht fixiert #180

Description

@muraschal

Note

Management-Summary. Die Hero-Höhe ist unterhalb des lg-Breakpoints nicht über ein explizites Höhen-/Ratio-Kontrakt fixiert; die absolut positionierte Artwork könnte bei spätem Umbruch die Contenthöhe verschieben. Auswirkung: geringes CLS-Restrisiko auf Mobile. Empfehlung: Höhe/Ratio auch unter lg festschreiben.

Schweregrad: P3 · Standard-Bezug: Core Web Vitals CLS < 0.1
Fundort: web/components/landing.tsx:85 (Section; lg:min-h-[88vh] nur ab lg)
Nachweis: Unterhalb lg definiert nur das Padding/der Content die Höhe; die Artwork ist absolute inset-0. Stabilität hängt allein an der Content-Höhe.
Auswirkung: Bei spätem Schrift-/Copy-Umbruch geringes Layout-Shift-Risiko; heute knapp stabil, aber nicht vertraglich abgesichert.

Handlungsempfehlung (Vorher/Nachher):

  • vorher: Höhe nur ab lg via min-h.
  • nachher: Mindesthöhe/aspect-Kontrakt auch für < lg setzen, damit die absolute Artwork nie nachträglich verschiebt.

Aufwand: S · Re-Audit-Kriterium: CLS der Startseite < 0.1 auf Mobile (Lab/Field).

Teil von #167

Metadata

Metadata

Assignees

No one assigned

    Labels

    auditBefund aus einem auditor-Auditdimension:frontendAudit-Dimension: frontendeffort:sAufwand kleinsev:p3Schweregrad P3 — niedrig

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions