Header-Buttons: Smartphone Icon-only, ab 481px mit Label #10

Merged

Simon merged 1 commit from fix/header-icon-only into main

2026-08-19 12:26:18 +02:00

Simon commented

2026-08-19 12:16:29 +02:00

Owner

Aenderung

@media (max-width: 480px): Header-CTAs werden 41x41px-Kreise mit nur dem Icon (Label ausgeblendet)
Ab 481px (z. B. iPad 768px): Icon + Label wie bisher
index.html: Dokumente-Quellen-Button bekommt Dokument-Icon
5 Unterseiten + sources-Treffen: Zur-Startseite-Button bekommt Home-Icon + Label-Span
Screenreader: aria-label bleibt in beiden Varianten erhalten

Verifikation

Playwright 393/768/1024px auf allen 6 Seiten: Smartphone icon-only (41x41, L=0 I=1), Tablet/Desktopt icon+label (L=1 I=1), kein horizontaler Overflow, keine JS-Fehler.

## Aenderung - @media (max-width: 480px): Header-CTAs werden 41x41px-Kreise mit nur dem Icon (Label ausgeblendet) - Ab 481px (z. B. iPad 768px): Icon + Label wie bisher - index.html: Dokumente-Quellen-Button bekommt Dokument-Icon - 5 Unterseiten + sources-Treffen: Zur-Startseite-Button bekommt Home-Icon + Label-Span - Screenreader: aria-label bleibt in beiden Varianten erhalten ## Verifikation Playwright 393/768/1024px auf allen 6 Seiten: Smartphone icon-only (41x41, L=0 I=1), Tablet/Desktopt icon+label (L=1 I=1), kein horizontaler Overflow, keine JS-Fehler.

Simon added 1 commit

2026-08-19 12:16:29 +02:00

feat: Header-Buttons auf Smartphone nur als Icon, ab 481px mit Label 4b568bf6fd

- Neue Regel @media (max-width: 480px): .cta-button in .hero-full-inner
  wird 41x41px-Kreis, Label (.btn-label/.hero-support-text) wird ausgeblendet
- index.html: 'Dokumente & Quellen'-Button bekommt Dokument-Icon
- Alle 5 Unterseiten + sources-Treffen: 'Zur Startseite'-Button bekommt
  Home-Icon und Label-Span
- aria-label bleibt in jedem Fall als Screenreader-Beschriftung erhalten
- Playwright-Check 393/768/1024px: icon-only bzw. icon+label, kein Overflow

Simon merged commit ab6a4cb493 into main

2026-08-19 12:26:18 +02:00

Simon referenced this pull request from a commit

2026-08-19 12:26:19 +02:00

Merge pull request 'Header-Buttons: Smartphone Icon-only, ab 481px mit Label' (#10) from fix/header-icon-only into main

~~Simon referenced this pull request 2026-09-16 06:50:47 +02:00~~

Security Audit (extern) — Live-Website buergerinitiative-ejun.de (16.09.2026) #18