diff --git a/css/frontend.css b/css/frontend.css index 8107de8..7aded04 100644 --- a/css/frontend.css +++ b/css/frontend.css @@ -18,7 +18,7 @@ --primary-light: #e6f4f8; --primary-hover: #0e6285; - --accent: #0284c7; + --accent: #0277b5; --accent-hover: #0369a1; --accent-light: #e0f2fe; --accent-dark: #075985; @@ -32,21 +32,21 @@ --bg-alt: #f1f5f9; --text-main: #1e293b; - --text-muted: #64748b; + --text-muted: #475569; --text-light: #94a3b8; --text-white: #ffffff; --border: #e2e8f0; - --border-focus: #0284c7; + --border-focus: #0277b5; /* State Colors */ - --success: #16a34a; + --success: #166534; --success-bg: #dcfce7; --success-border: #86efac; - --danger: #dc2626; + --danger: #b91c1c; --danger-bg: #fee2e2; --danger-border: #fca5a5; - --warning: #d97706; + --warning: #b45309; --warning-bg: #fef3c7; /* Shadows */ @@ -113,6 +113,59 @@ a:hover { text-decoration: underline; } +/* Accessibility: Skip Link & Screen-Reader Utility */ +.skip-link { + position: absolute; + top: -100px; + left: 1rem; + z-index: 9999; + background-color: var(--primary-dark); + color: #ffffff; + padding: 0.75rem 1.25rem; + border-radius: var(--radius-md); + font-weight: 700; + box-shadow: var(--shadow-lg); + border: 2px solid #ffffff; + text-decoration: none; +} + +.skip-link:focus { + top: 0.75rem; + color: #ffffff; + outline: 3px solid var(--accent-light); + outline-offset: 2px; +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +/* Accessibility: Keyboard Focus Visible */ +a:focus-visible, +button:focus-visible, +.btn:focus-visible, +.nav-link:focus-visible, +.nav-toggle:focus-visible, +.gallery-item:focus-visible { + outline: 3px solid var(--accent); + outline-offset: 2px; +} + +.top-bar a:focus-visible, +.site-footer a:focus-visible, +.hero-banner .btn:focus-visible { + outline: 3px solid #bae6fd; + outline-offset: 2px; +} + p { margin-bottom: 1.15rem; } @@ -128,15 +181,18 @@ h1, h2, h3, h4, h5, h6 { margin-bottom: 1rem; } -h1 { +h1, +.h1-style { font-size: 2rem; letter-spacing: -0.02em; position: relative; padding-bottom: 0.75rem; + margin-top: 0; margin-bottom: 1.5rem; } -h1::after { +h1::after, +.h1-style::after { content: ''; position: absolute; bottom: 0; @@ -975,7 +1031,8 @@ li { transition: var(--transition); } -.gallery-item:hover .gallery-overlay { +.gallery-item:hover .gallery-overlay, +.gallery-item:focus-visible .gallery-overlay { opacity: 1; } @@ -1002,7 +1059,8 @@ li { transition: var(--transition); } -.gallery-item:hover .gallery-zoom-icon { +.gallery-item:hover .gallery-zoom-icon, +.gallery-item:focus-visible .gallery-zoom-icon { opacity: 1; transform: translate(-50%, -50%) scale(1); } @@ -1461,7 +1519,7 @@ textarea.form-control { .footer-bottom { padding: 1.5rem 0; font-size: 0.85rem; - color: #64748b; + color: #94a3b8; display: flex; justify-content: space-between; align-items: center; @@ -1470,7 +1528,7 @@ textarea.form-control { } .footer-bottom a { - color: #94a3b8; + color: #cbd5e1; margin-left: 1rem; } @@ -1779,4 +1837,30 @@ h1, h2, h3, h4, p, li, .card, .location-card, .contact-detail-value, .btn { .form-actions .btn { width: 100%; } +} + +/* ========================================================================== + Reduced Motion Preference (WCAG 2.3.3) + ========================================================================== */ +@media (prefers-reduced-motion: reduce) { + html { + scroll-behavior: auto; + } + + *, + *::before, + *::after { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + scroll-behavior: auto !important; + } + + .gallery-item:hover img, + .gallery-item:hover, + .feature-box:hover, + .btn:hover, + .header-cta-btn:hover { + transform: none !important; + } } \ No newline at end of file diff --git a/js/contact.js b/js/contact.js index 523fe01..75c403e 100644 --- a/js/contact.js +++ b/js/contact.js @@ -64,8 +64,8 @@ function showMapLocation(loc) { $addrText.text('Blumberger Damm 130 (Eingang Pritzhagener Weg 21), 12685 Berlin'); $extLink.attr('href', 'https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf+LC/@52.5428128,13.5716785,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9d5111b:0xda0b4785760166c5!8m2!3d52.5428128!4d13.5716785!16s%2Fg%2F1ts_5mmj'); - $btnMahlsdorf.removeClass('btn-primary').addClass('btn-outline-primary'); - $btnSatellit.removeClass('btn-outline-primary').addClass('btn-primary'); + $btnMahlsdorf.removeClass('btn-primary').addClass('btn-outline-primary').attr('aria-pressed', 'false'); + $btnSatellit.removeClass('btn-outline-primary').addClass('btn-primary').attr('aria-pressed', 'true'); } else { $frame.attr('src', 'https://maps.google.com/maps?q=Thorner+Stra%C3%9Fe+1,+12623+Berlin&t=&z=15&ie=UTF8&iwloc=&output=embed'); $frame.attr('title', 'Karte Zentrumsdialyse Berlin-Mahlsdorf'); @@ -73,7 +73,7 @@ function showMapLocation(loc) { $addrText.text('Thorner Straße 1, 12623 Berlin'); $extLink.attr('href', 'https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf/@52.5078291,13.6092903,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9c57f7f:0xad4486f559442067!8m2!3d52.5078291!4d13.6092903!16s%2Fg%2F1tdqghgn'); - $btnMahlsdorf.removeClass('btn-outline-primary').addClass('btn-primary'); - $btnSatellit.removeClass('btn-primary').addClass('btn-outline-primary'); + $btnMahlsdorf.removeClass('btn-outline-primary').addClass('btn-primary').attr('aria-pressed', 'true'); + $btnSatellit.removeClass('btn-primary').addClass('btn-outline-primary').attr('aria-pressed', 'false'); } } \ No newline at end of file diff --git a/view/contact-form.php b/view/contact-form.php index 2c08ada..fb040f1 100644 --- a/view/contact-form.php +++ b/view/contact-form.php @@ -5,11 +5,11 @@ $form = $session->get('form');
has('alert')): ?> -
+ @@ -18,9 +18,9 @@ $form = $session->get('form');

Ihre Kontaktanfrage

-

+

Hier können Sie, unter Angabe Ihrer Kontaktdaten, eine persönliche Anfrage stellen. - Die mit einem (*) gekennzeichneten Felder sind Pflichtfelder. + Die mit einem () gekennzeichneten Felder sind Pflichtfelder. Bitte geben Sie entweder eine E-Mail-Adresse oder Ihre Telefonnummer an, damit wir Sie erreichen können.

@@ -37,39 +37,39 @@ $form = $session->get('form');
- +
- - + +
- - + +
- - + +
- +
- + Ihre persönlichen Angaben werden vertraulich behandelt, ausschließlich zur Bearbeitung Ihrer Anfrage gemäß unserer Datenschutzerklärung verarbeitet und niemals an Dritte weitergegeben.
diff --git a/view/contact.php b/view/contact.php index f5f21c9..1ca8b69 100644 --- a/view/contact.php +++ b/view/contact.php @@ -10,26 +10,26 @@
-
- +

Zentrumsdialyse (Hauptstandort)

- +
Adresse:
Thorner Straße 1
12623 Berlin – Mahlsdorf
- - » In Google Maps öffnen + + In Google Maps öffnen
- +
Telefon (Dialyse):
030 / 566 24 84 @@ -37,7 +37,7 @@
- +
Telefon (Ambulanz):
030 / 566 25 39 @@ -46,7 +46,7 @@
- +
E-Mail:
@@ -59,27 +59,27 @@
-
- +

Satellitendialyse

- +
Adresse:
Blumberger Damm 130
(Eingang: Pritzhagener Weg 21)
12685 Berlin – Marzahn
- - » In Google Maps öffnen + + In Google Maps öffnen
- +
Telefon (Dialyse):
030 / 566 24 84 @@ -87,7 +87,7 @@
- +
E-Mail:
@@ -100,15 +100,15 @@ @@ -118,10 +118,10 @@
- Standortkarte • Berlin-Mahlsdorf -
- - +

Standortkarte • Berlin-Mahlsdorf

+
+ +
@@ -135,7 +135,7 @@
diff --git a/view/error.php b/view/error.php index 1157781..f6d10ef 100644 --- a/view/error.php +++ b/view/error.php @@ -1,6 +1,6 @@
-
- +

Seite nicht gefunden (404)

diff --git a/view/frontend.php b/view/frontend.php index b588295..c2f56d6 100644 --- a/view/frontend.php +++ b/view/frontend.php @@ -42,32 +42,33 @@ $currentAction = isset($action) ? $action : 'main'; +

- - + + Thorner Str. 1, 12623 Berlin - - + + Satellit: Blumberger Damm 130, 12685 Berlin
- + Dialyse: 030 / 566 24 84 - + Ambulanz: 030 / 566 25 39 - + net.nilreb-esylaid@tkatnok
@@ -84,18 +85,18 @@ $currentAction = isset($action) ? $action : 'main'; -
@@ -103,14 +104,14 @@ $currentAction = isset($action) ? $action : 'main'; get('dialog') != 'dismissed'): ?> -
+
- +
@@ -118,11 +119,11 @@ $currentAction = isset($action) ? $action : 'main'; -
+
- ✔ „Die individuelle Dialyse im grünen Gürtel von Berlin“ + „Die individuelle Dialyse im grünen Gürtel von Berlin“

Dialysezentrum Berlin-Mahlsdorf

@@ -138,8 +139,8 @@ $currentAction = isset($action) ? $action : 'main';
-
- + @@ -148,17 +149,17 @@ $currentAction = isset($action) ? $action : 'main';
-
- Startseite › - -
+
-
+
@@ -178,11 +179,11 @@ $currentAction = isset($action) ? $action : 'main'; Individuelle nephrologische Betreuung und ganzjährige Feriendialysen mit moderner Medizintechnik.

- + Zentrumsdialyse: Thorner Straße 1, 12623 Berlin
- + Satellitendialyse: Blumberger Damm 130, 12685 Berlin
@@ -191,12 +192,12 @@ $currentAction = isset($action) ? $action : 'main'; @@ -204,20 +205,20 @@ $currentAction = isset($action) ? $action : 'main';
Kontakt & Erreichbarkeit
- + Dialyse: 030 / 566 24 84
- + Ambulanz: 030 / 566 25 39
- + E-Mail: net.nilreb-esylaid@tkatnok
- - » Praxis-Flyer herunterladen (PDF) + + Praxis-Flyer herunterladen (PDF)
@@ -281,6 +282,7 @@ $currentAction = isset($action) ? $action : 'main'; var isOpen = $navMenu.hasClass('is-open'); $navMenu.toggleClass('is-open'); $navToggle.attr('aria-expanded', !isOpen); + $navToggle.attr('aria-label', !isOpen ? 'Menü schließen' : 'Menü öffnen'); // Toggle hamburger icon to X if(!isOpen) { @@ -295,7 +297,7 @@ $currentAction = isset($action) ? $action : 'main'; if (!$(e.target).closest('#siteNav, #navToggle').length) { if ($navMenu.hasClass('is-open')) { $navMenu.removeClass('is-open'); - $navToggle.attr('aria-expanded', 'false'); + $navToggle.attr('aria-expanded', 'false').attr('aria-label', 'Menü öffnen'); $('#toggleIcon').html(''); } } @@ -305,7 +307,7 @@ $currentAction = isset($action) ? $action : 'main'; $(document).on('keydown', function(e) { if (e.key === 'Escape' && $navMenu.hasClass('is-open')) { $navMenu.removeClass('is-open'); - $navToggle.attr('aria-expanded', 'false'); + $navToggle.attr('aria-expanded', 'false').attr('aria-label', 'Menü öffnen').trigger('focus'); $('#toggleIcon').html(''); } }); diff --git a/view/imprint.php b/view/imprint.php index 7636638..c9102ad 100644 --- a/view/imprint.php +++ b/view/imprint.php @@ -3,7 +3,7 @@
-

Angaben gemäß § 5 DDG

+

Angaben gemäß § 5 DDG

Dialysezentrum Berlin-Mahlsdorf
Zentrum für Nephrologie und Dialyse
@@ -12,13 +12,13 @@ 12623 Berlin

-

Zweitstandort (Satellitendialyse)

+

Zweitstandort (Satellitendialyse)

Blumberger Damm 130 (Eingang: Pritzhagener Weg 21)
12685 Berlin

-

Kontakt

+

Kontakt

Telefon (Dialyse): +49 30 5662484
Telefon (Ambulanz): +49 30 5662539
@@ -29,7 +29,7 @@

-

Berufsbezeichnung & Aufsicht

+

Berufsbezeichnung & Aufsicht

Gesetzliche Berufsbezeichnung: Ärztin / Fachärztin für Innere Medizin und Nephrologie
Berufsbezeichnungen verliehen in der Bundesrepublik Deutschland @@ -50,7 +50,7 @@

-

Berufsrechtliche Regelungen

+

Berufsrechtliche Regelungen

  • Berufsordnung der Ärztekammer Berlin
  • Berliner Heilberufekammergesetz (BlnHKG)
    • @@ -61,7 +61,7 @@
-

Haftungshinweis & Urheberrecht

+

Haftungshinweis & Urheberrecht

Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.

diff --git a/view/main.php b/view/main.php index 47970ef..9a7597c 100644 --- a/view/main.php +++ b/view/main.php @@ -1,4 +1,4 @@ -

Wir wollen, dass Sie sich bei uns wohlfühlen!

+

Wir wollen, dass Sie sich bei uns wohlfühlen!

Unser Dialysezentrum bietet Ihnen verschiedene Dialyseverfahren unter Nutzung moderner Technik der @@ -60,8 +60,8 @@

Die Praxis von außen • Thorner Straße
-
- +
@@ -74,8 +74,8 @@
Modern ausgestattetes Sprechzimmer
-
- +
@@ -88,8 +88,8 @@ Für eine effiziente Betreuung der Patienten pflegen wir eine enge Zusammenarbeit mit den Haus- und Fachärzten und kooperieren mit den umliegenden Krankenhäusern, um Patienten auch während eines Krankenhausaufenthaltes Dialyseleistungen anbieten zu können.

\ No newline at end of file diff --git a/view/navigation.php b/view/navigation.php index c2fca0e..0dc2784 100644 --- a/view/navigation.php +++ b/view/navigation.php @@ -3,9 +3,9 @@ $current = isset($action) ? $action : 'main'; ?> \ No newline at end of file diff --git a/view/practice.php b/view/practice.php index fb693f1..92d4f7b 100644 --- a/view/practice.php +++ b/view/practice.php @@ -7,50 +7,50 @@
-

- +

+ Diagnostik & Plätze -

+
  • - ✓ + Ambulanz: Sonographie, EKG, 24 Std. Blutdruckmessung
  • - ✓ + Zentrumsdialyse: 16 Behandlungsplätze
  • - ✓ + Satellitendialyse: 18 Behandlungsplätze
  • - ✓ + Osmoseaufbereitungsanlage nach neuesten Standards
-

- +

+ Geräte & Dialysetechnik -

+
  • - ✓ + Nikkiso DBB-07 und Nikkiso DBB-EXA Dialysegeräte mit integriertem Haemo-Master (BV-UFC/COC)
  • - ✓ + BCM (Body Composition Monitor) von Fresenius zur bioelektrischen Messung des Flüssigkeitsstatus und Optimalgewichts
  • - ✓ + Breite Palette an High- und Low-Flux Dialysatoren
  • - ✓ + Laborgeräte: Säure-Basen-Messgerät und Elektrolyt-Messgerät
@@ -64,7 +64,7 @@
- +

Dialyse-Schichten

    @@ -94,7 +94,7 @@
    - +

    Ambulanz-Sprechzeiten

    \ No newline at end of file diff --git a/view/services.php b/view/services.php index 6032598..50999fd 100644 --- a/view/services.php +++ b/view/services.php @@ -7,50 +7,50 @@
    -

    - +

    + Nephrologische Ambulanz -

    +
    • - ✓ + Umfassende Diagnostik und Therapie akuter und chronischer Nierenerkrankungen
    • - ✓ + Optimale Blutdruck- und Blutzuckereinstellung als wesentlicher Therapieschwerpunkt
    • - ✓ + Spezialisierte Betreuung niereninsuffizienter Diabetiker
    • - ✓ + Ultraschalldiagnostik (Sonographie) der Nieren und Bauchorgane (Abdomen)
    -

    - +

    + Dialyse & Betreuung -

    +
    • - ✓ + Hämodialyse (HD) und Hämodiafiltration (HDF / Online-HDF) mit Nikkiso Haemo-Master
    • - ✓ + Bioelektrische Messung des Flüssigkeitsstatus mit dem Fresenius BCM
    • - ✓ + Transplantationsvorbereitung und langfristige Nachsorge nach Nierentransplantation
    • - ✓ + Individuelle Ernährungsberatung für Nieren- und Dialysepatienten
    @@ -60,8 +60,8 @@
    Präzise Diagnostik -

    - +

    + Bestimmung des Flüssigkeitsstatus mit dem BCM (Body Composition Monitor) von Fresenius

    @@ -74,13 +74,13 @@

    - ⚠ Überwässerung (Hyperhydratation) + Überwässerung (Hyperhydratation)
    Kann zu Bluthochdruck und Gewebsödemen bis hin zum lebensbedrohlichen Lungenödem führen.
    - ℹ Unterwässerung (Dehydratation) + Unterwässerung (Dehydratation)
    Kann schwere Blutdruckabfälle, schmerzhafte Muskelkrämpfe und Kopfschmerzen verursachen.
    @@ -94,8 +94,8 @@
    Schonende & Individuelle Dialyse -

    - +

    + Blutvolumenmonitoring & Biofeedback-Regelung mit dem Haemo-Master von Nikkiso

    @@ -117,31 +117,31 @@ Individueller Dialyseplatz mit Nikkiso DBB-EXA

    Individueller Dialyseplatz
    -
    +     Dialyseplatz mit Nikkiso Dialysegerät
    Dialyseplatz mit Nikkiso-Technik
    -
    +     Komfort-Dialyseplatz am Fenster
    Komfort-Dialyseplatz am Fenster
    -
    +     Blick vom Flur in die hellen Behandlungsräume
    Blick in die Behandlungsräume
    -
    +     Dialyseraum mit mehreren Behandlungsplätzen und TV
    Dialyseraum mit Patienten-TV
    -
    +     Dialyseplätze am Erkerfenster mit Blick ins Grüne
    Dialyseplätze mit Blick ins Grüne
    -
    +
    \ No newline at end of file diff --git a/view/team.php b/view/team.php index 21af2fc..b588cca 100644 --- a/view/team.php +++ b/view/team.php @@ -8,17 +8,17 @@
    -
    - +
    -

    Dr. med. Bianca Bischoff

    +

    Dr. med. Bianca Bischoff

    Fachärztin für Innere Medizin & Nephrologie
    Approbation: 2002 in Berlin
    - + Mitglied der Ärztekammer Berlin
    @@ -26,17 +26,17 @@
    -
    - +
    -

    Dr. med. Juliane Hoffzimmer

    +

    Dr. med. Juliane Hoffzimmer

    Fachärztin für Innere Medizin & Nephrologie
    Approbation: 2009 in Berlin
    - + Mitglied der Ärztekammer Berlin
    @@ -44,17 +44,17 @@
    -
    - +
    -

    Dr. med. Claudia Körner

    +

    Dr. med. Claudia Körner

    Fachärztin für Innere Medizin
    Approbation: 2004 in Berlin
    - + Mitglied der Ärztekammer Berlin
    @@ -64,8 +64,8 @@
    -
    - +