forked from itchy/Dialyse-Webseite
Accessibility fixes.
This commit is contained in:
chriz committed
1 parent
02c92db1e5
commit
014422e0b6
12 files changed
+262
-176
No files matched your search
+26
-26
@@ -7,50 +7,50 @@
|
||||
<!-- Leistungsübersicht -->
|
||||
<div class="grid-2" style="margin-bottom: 2.5rem;">
|
||||
<div class="card">
|
||||
<h3 style="color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.25rem;">
|
||||
<svg style="width: 22px; height: 22px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>
|
||||
<h2 style="font-size: 1.25rem; margin-top: 0; color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.25rem;">
|
||||
<svg aria-hidden="true" focusable="false" style="width: 22px; height: 22px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>
|
||||
Nephrologische Ambulanz
|
||||
</h3>
|
||||
</h2>
|
||||
<ul style="list-style: none; padding: 0; margin: 0;">
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
|
||||
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span>Umfassende <strong>Diagnostik und Therapie</strong> akuter und chronischer Nierenerkrankungen</span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
|
||||
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span>Optimale <strong>Blutdruck- und Blutzuckereinstellung</strong> als wesentlicher Therapieschwerpunkt</span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
|
||||
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span>Spezialisierte Betreuung <strong>niereninsuffizienter Diabetiker</strong></span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.6rem;">
|
||||
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span><strong>Ultraschalldiagnostik (Sonographie)</strong> der Nieren und Bauchorgane (Abdomen)</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h3 style="color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.25rem;">
|
||||
<svg style="width: 22px; height: 22px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
|
||||
<h2 style="font-size: 1.25rem; margin-top: 0; color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.25rem;">
|
||||
<svg aria-hidden="true" focusable="false" style="width: 22px; height: 22px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
|
||||
Dialyse & Betreuung
|
||||
</h3>
|
||||
</h2>
|
||||
<ul style="list-style: none; padding: 0; margin: 0;">
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
|
||||
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span><strong>Hämodialyse (HD)</strong> und <strong>Hämodiafiltration (HDF / Online-HDF)</strong> mit Nikkiso <strong>Haemo-Master</strong></span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
|
||||
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span><strong>Bioelektrische Messung des Flüssigkeitsstatus</strong> mit dem Fresenius BCM</span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
|
||||
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span><strong>Transplantationsvorbereitung</strong> und langfristige <strong>Nachsorge nach Nierentransplantation</strong></span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.6rem;">
|
||||
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span>Individuelle <strong>Ernährungsberatung</strong> für Nieren- und Dialysepatienten</span>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -60,8 +60,8 @@
|
||||
<!-- Highlight 1: BCM Fresenius -->
|
||||
<div class="highlight-panel">
|
||||
<span class="highlight-badge">Präzise Diagnostik</span>
|
||||
<h2 class="highlight-panel-title">
|
||||
<svg style="width: 24px; height: 24px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>
|
||||
<h2 class="highlight-panel-title" style="margin-top: 0;">
|
||||
<svg aria-hidden="true" focusable="false" style="width: 24px; height: 24px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>
|
||||
Bestimmung des Flüssigkeitsstatus mit dem BCM (Body Composition Monitor) von Fresenius
|
||||
</h2>
|
||||
<p>
|
||||
@@ -74,13 +74,13 @@
|
||||
<div class="condition-grid">
|
||||
<div class="condition-card condition-warning">
|
||||
<div class="condition-title">
|
||||
<span>⚠</span> Überwässerung (Hyperhydratation)
|
||||
<span aria-hidden="true">⚠</span> Überwässerung (Hyperhydratation)
|
||||
</div>
|
||||
<div>Kann zu Bluthochdruck und Gewebsödemen bis hin zum lebensbedrohlichen Lungenödem führen.</div>
|
||||
</div>
|
||||
<div class="condition-card condition-info">
|
||||
<div class="condition-title">
|
||||
<span>ℹ</span> Unterwässerung (Dehydratation)
|
||||
<span aria-hidden="true">ℹ</span> Unterwässerung (Dehydratation)
|
||||
</div>
|
||||
<div>Kann schwere Blutdruckabfälle, schmerzhafte Muskelkrämpfe und Kopfschmerzen verursachen.</div>
|
||||
</div>
|
||||
@@ -94,8 +94,8 @@
|
||||
<!-- Highlight 2: Haemo-Master Nikkiso -->
|
||||
<div class="highlight-panel">
|
||||
<span class="highlight-badge">Schonende & Individuelle Dialyse</span>
|
||||
<h2 class="highlight-panel-title">
|
||||
<svg style="width: 24px; height: 24px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z"/></svg>
|
||||
<h2 class="highlight-panel-title" style="margin-top: 0;">
|
||||
<svg aria-hidden="true" focusable="false" style="width: 24px; height: 24px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z"/></svg>
|
||||
Blutvolumenmonitoring & Biofeedback-Regelung mit dem Haemo-Master von Nikkiso
|
||||
</h2>
|
||||
<p>
|
||||
@@ -117,31 +117,31 @@
|
||||
<a href="/img/gallery/behandlung1.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/behandlung1.jpg')?>" data-lightbox="services" data-title="Individueller Dialyseplatz • Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
|
||||
<img src="/img/gallery/behandlung1_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/behandlung1_thumb.jpg')?>" alt="Individueller Dialyseplatz mit Nikkiso DBB-EXA">
|
||||
<div class="gallery-overlay"><span class="gallery-caption">Individueller Dialyseplatz</span></div>
|
||||
<div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
<div class="gallery-zoom-icon" aria-hidden="true"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
</a>
|
||||
<a href="/img/gallery/behandlung2.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/behandlung2.jpg')?>" data-lightbox="services" data-title="Dialyseplatz mit Nikkiso-Technik • Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
|
||||
<img src="/img/gallery/behandlung2_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/behandlung2_thumb.jpg')?>" alt="Dialyseplatz mit Nikkiso Dialysegerät">
|
||||
<div class="gallery-overlay"><span class="gallery-caption">Dialyseplatz mit Nikkiso-Technik</span></div>
|
||||
<div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
<div class="gallery-zoom-icon" aria-hidden="true"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
</a>
|
||||
<a href="/img/gallery/leistung1.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung1.jpg')?>" data-lightbox="services" data-title="Komfort-Dialyseplatz am Fenster • Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
|
||||
<img src="/img/gallery/leistung1_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung1_thumb.jpg')?>" alt="Komfort-Dialyseplatz am Fenster">
|
||||
<div class="gallery-overlay"><span class="gallery-caption">Komfort-Dialyseplatz am Fenster</span></div>
|
||||
<div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
<div class="gallery-zoom-icon" aria-hidden="true"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
</a>
|
||||
<a href="/img/gallery/leistung2.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung2.jpg')?>" data-lightbox="services" data-title="Blick in die Behandlungsräume • Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
|
||||
<img src="/img/gallery/leistung2_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung2_thumb.jpg')?>" alt="Blick vom Flur in die hellen Behandlungsräume">
|
||||
<div class="gallery-overlay"><span class="gallery-caption">Blick in die Behandlungsräume</span></div>
|
||||
<div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
<div class="gallery-zoom-icon" aria-hidden="true"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
</a>
|
||||
<a href="/img/gallery/leistung3.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung3.jpg')?>" data-lightbox="services" data-title="Dialyseraum mit Patienten-TV • Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
|
||||
<img src="/img/gallery/leistung3_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung3_thumb.jpg')?>" alt="Dialyseraum mit mehreren Behandlungsplätzen und TV">
|
||||
<div class="gallery-overlay"><span class="gallery-caption">Dialyseraum mit Patienten-TV</span></div>
|
||||
<div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
<div class="gallery-zoom-icon" aria-hidden="true"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
</a>
|
||||
<a href="/img/gallery/leistung4.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung4.jpg')?>" data-lightbox="services" data-title="Dialyseplätze mit Blick ins Grüne • Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
|
||||
<img src="/img/gallery/leistung4_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung4_thumb.jpg')?>" alt="Dialyseplätze am Erkerfenster mit Blick ins Grüne">
|
||||
<div class="gallery-overlay"><span class="gallery-caption">Dialyseplätze mit Blick ins Grüne</span></div>
|
||||
<div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
<div class="gallery-zoom-icon" aria-hidden="true"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
</a>
|
||||
</div>
|
||||
Reference in new issue
Block a user