Adminator
1e51ef7def
- Konzept/, didaktik_geografie/, didaktik_simulation/, v2-modules/, v2-platform/ - 12 code-workspace-Files - STATUS-*.md - viele M/D/R-Änderungen an bereits getrackten Files - .gitignore verstärkt: **/.humaninput/, **/secret_keys.txt Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
176 lines
10 KiB
PHP
176 lines
10 KiB
PHP
<?php
|
||
require_once __DIR__ . '/php/config/app.php';
|
||
$bp = BASE_PATH;
|
||
$activeMain = null;
|
||
?>
|
||
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
|
||
<title>GeoGraSim — Barrierefreiheitserklärung</title>
|
||
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
|
||
<link rel="icon" type="image/svg+xml" href="favicon.svg">
|
||
<link rel="stylesheet" href="assets/fonts/inter.css">
|
||
<style>
|
||
*{margin:0;padding:0;box-sizing:border-box}
|
||
body{font-family:'Inter',sans-serif;background:#f7f6f3;color:#1a1a1a;line-height:1.7}
|
||
.topbar{background:#fff;padding:.6rem 1.2rem;display:flex;align-items:center;gap:.8rem;border-bottom:1px solid rgba(0,0,0,.06);flex-wrap:wrap}
|
||
.topbar a{text-decoration:none}
|
||
.topbar img{height:32px}
|
||
.topbar .spacer{flex:1}
|
||
.btn-sm{padding:.3rem .6rem;border:1px solid rgba(0,0,0,.08);border-radius:6px;background:#fff;font-size:.68rem;font-weight:600;color:#4a4a4a;text-decoration:none}
|
||
.wrap{max-width:760px;margin:0 auto;padding:2rem 1.5rem 4rem}
|
||
h1{font-size:1.6rem;font-weight:900;color:#1f4e5a;margin-bottom:.5rem}
|
||
h2{font-size:1rem;font-weight:800;color:#1f4e5a;margin:1.5rem 0 .4rem;padding-top:.8rem;border-top:1px solid rgba(0,0,0,.06)}
|
||
h3{font-size:.85rem;font-weight:700;color:#4a7c8a;margin:1rem 0 .2rem}
|
||
p,li{font-size:.85rem;color:#333;margin-bottom:.5rem}
|
||
ul{margin-left:1.2rem;margin-bottom:.8rem}
|
||
.meta{font-size:.75rem;color:#8a8a8a;margin-bottom:1.5rem}
|
||
.meta-box{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:.8rem 1rem;margin:1rem 0;font-size:.78rem;color:#4a4a4a}
|
||
.meta-box dt{font-weight:700;color:#1f4e5a;display:inline-block;min-width:170px}
|
||
.meta-box dd{display:inline}
|
||
.meta-box dl > div{margin-bottom:.3rem}
|
||
.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:700;background:#e8d5b5;color:#5a4a2a;margin-left:.5rem}
|
||
.footer-note{font-size:.72rem;color:#8a8a8a;text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.06)}
|
||
.footer-note a{color:#4a7c8a;text-decoration:none}
|
||
.roadmap{background:#dae8ec;border-left:4px solid #4a7c8a;padding:.8rem 1rem;border-radius:6px;margin:.8rem 0}
|
||
.roadmap strong{color:#1f4e5a}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<?php include __DIR__ . '/pages/_partials/public_topnav.php'; ?>
|
||
<div class="wrap">
|
||
|
||
<h1>Barrierefreiheitserklärung</h1>
|
||
<p class="meta">für die Lern-App GeoGraSim (geograsim.at) gemäß Web-Zugänglichkeits-Gesetz (WZG, BGBl. I Nr. 59/2019) sowie Richtlinie (EU) 2016/2102</p>
|
||
|
||
<div class="meta-box">
|
||
<dl>
|
||
<div><dt>Stand der Erklärung:</dt><dd>16. Mai 2026</dd></div>
|
||
<div><dt>Erstmals veröffentlicht:</dt><dd>April 2026</dd></div>
|
||
<div><dt>Letzte Überprüfung:</dt><dd>Mai 2026 (Selbstbewertung)</dd></div>
|
||
<div><dt>Bewertungsmethode:</dt><dd>Selbsteinschätzung anhand WCAG 2.1 AA</dd></div>
|
||
</dl>
|
||
</div>
|
||
|
||
<p>GeoGraSim ist eine webbasierte Lernumgebung für interaktive Geografie-Simulationen. Die Anwendung richtet sich an Schüler*innen der 5. bis 10. Schulstufe und wird bewusst für den inklusiven Unterricht konzipiert. Wir bemühen uns, sie für möglichst viele Menschen zugänglich zu machen.</p>
|
||
|
||
<h2>Stand der Vereinbarkeit</h2>
|
||
<p>Diese Lern-App ist <strong>teilweise vereinbar</strong> mit den Anforderungen der Richtlinie (EU) 2016/2102 in Verbindung mit den Web Content Accessibility Guidelines (WCAG) 2.1, Konformitätsstufe AA. Wir arbeiten kontinuierlich an Verbesserungen — siehe Abschnitt „Geplante Verbesserungen" weiter unten.</p>
|
||
|
||
<h2>Bereits umgesetzte Barrierefreiheits-Features</h2>
|
||
|
||
<h3>1. Semantische HTML-Struktur</h3>
|
||
<ul>
|
||
<li>Verwendung semantischer HTML5-Elemente (nav, main, section, article, header, footer)</li>
|
||
<li>Korrekte Überschriftenhierarchie (h1–h3)</li>
|
||
<li>Labels für alle Formularfelder</li>
|
||
<li>Alt-Texte für inhaltliche Bilder</li>
|
||
</ul>
|
||
|
||
<h3>2. Kontrast und Farbgestaltung</h3>
|
||
<ul>
|
||
<li>Auf den Plattform-Seiten (Cockpit, Lehrer-Bereich, Profil) ein Kontrastverhältnis von mindestens 4.5:1 für Standardtext</li>
|
||
<li>Farben werden nie als einziges Unterscheidungsmerkmal verwendet — Symbole und Text ergänzen Farbkodierungen</li>
|
||
<li>Berücksichtigung von Farbfehlsichtigkeit bei Rückmeldungen (Rot/Grün wird durch Symbole ✓/✗ ergänzt)</li>
|
||
</ul>
|
||
|
||
<h3>3. Responsive Design</h3>
|
||
<ul>
|
||
<li>Alle Seiten funktionieren auf Smartphones, Tablets und Desktop-Computern</li>
|
||
<li>Browser-Zoom wird unterstützt (bis 200% ohne wesentlichen Informationsverlust auf Plattform-Seiten)</li>
|
||
<li>Touch-Bedienung für Tablets (iPad ist Hauptreferenzgerät)</li>
|
||
</ul>
|
||
|
||
<h3>4. Tastaturbedienbarkeit</h3>
|
||
<ul>
|
||
<li>Plattform-Seiten (Login, Cockpit, Profil, Lehrer-Bereich): vollständig per Tastatur erreichbar</li>
|
||
<li>Sichtbarer Fokus-Indikator bei Navigation per Tastatur</li>
|
||
<li>Einige Simulationen bieten Tastatursteuerung (Pfeiltasten für Navigation, R für Reset, M für Mute)</li>
|
||
</ul>
|
||
|
||
<h3>5. Reizarme Darstellung</h3>
|
||
<ul>
|
||
<li>Mute-Button in Simulationen mit Sound</li>
|
||
<li>Keine blinkenden oder flackernden Elemente über 3 Hz (Epilepsie-Sicherheit)</li>
|
||
<li>Reduzierte Animationen bei Standard-Tempo</li>
|
||
</ul>
|
||
|
||
<h3>6. Differenzierung und Nachteilsausgleich</h3>
|
||
<ul>
|
||
<li>Mehrere Schwierigkeitsstufen pro Simulation</li>
|
||
<li>Individuelles Lerntempo — kein Zeitdruck (außer bei expliziten Szenarien)</li>
|
||
<li>Lehrpersonen können Module individuell pro Schüler*in freischalten</li>
|
||
<li>Anonyme Pseudonyme statt Klarnamen möglich</li>
|
||
</ul>
|
||
|
||
<h3>7. Textverständlichkeit</h3>
|
||
<ul>
|
||
<li>Klare Sprache in allen Anleitungen</li>
|
||
<li>Gender-inklusive Schreibweise (Schüler*innen)</li>
|
||
<li>Untertitel zu Pilot-Sprachausgaben in der Helikopter-Simulation</li>
|
||
<li>Glossar mit Erklärungen aller Fachbegriffe (über 160 Einträge), inklusive Versionen in Leichter Sprache für viele Begriffe</li>
|
||
</ul>
|
||
|
||
<h2>Bekannte Einschränkungen</h2>
|
||
<p>Wir sind in der aktuellen Version (V1) ehrlich darüber, was noch nicht voll barrierefrei ist:</p>
|
||
<ul>
|
||
<li>Canvas- und WebGL-basierte Simulationen (Klimawächter, Helikopter, Sonnensystem, Logistik) sind für Screenreader-Nutzer*innen nur eingeschränkt zugänglich. Es gibt teilweise Tastatursteuerung, aber keine vollständige Audio-Alternative.</li>
|
||
<li>Die Kartennavigation (Leaflet/OpenStreetMap) hat begrenzte Screenreader-Unterstützung.</li>
|
||
<li>Ein eigener High-Contrast-Modus ist auf Plattform-Seiten in Vorbereitung, in den Simulationen aber noch nicht durchgängig.</li>
|
||
<li>Leichte Sprache ist im Glossar und in einigen Modulen verfügbar, aber noch nicht in allen Modul-Texten flächendeckend.</li>
|
||
<li>Animationen reagieren noch nicht auf das Browser-Setting <code>prefers-reduced-motion</code> in allen Modulen.</li>
|
||
</ul>
|
||
|
||
<h2>Geplante Verbesserungen — V2-Roadmap</h2>
|
||
<p>Wir arbeiten derzeit an einer überarbeiteten Version (V2) der Plattform und aller Module. Barrierefreiheit ist dabei <strong>verbindlich vorgeschrieben</strong> und wird in drei Stufen umgesetzt:</p>
|
||
|
||
<div class="roadmap">
|
||
<p><strong>Stufe 1 — WCAG 2.1 AA als Pflicht für jedes V2-Modul</strong> <span class="badge">in Umsetzung</span></p>
|
||
<p style="font-size:.78rem;margin-top:.3rem">Vollständige Tastatur-Bedienbarkeit, durchgängiger High-Contrast-Modus, Respektieren von <code>prefers-reduced-motion</code>, ARIA-Labels, sichtbare Fokus-Indikatoren, Schrift-Skalierung bis 200%, vollständige Leichte-Sprache-Variante in jedem Modul, automatisierte Konformitätsprüfung vor Veröffentlichung. Kein V2-Modul wird ohne Erfüllung dieser Standards online gehen.</p>
|
||
</div>
|
||
|
||
<div class="roadmap">
|
||
<p><strong>Stufe 2 — Erweiterte Screenreader-Unterstützung</strong> <span class="badge">geplant nach V2-Stabilisierung</span></p>
|
||
<p style="font-size:.78rem;margin-top:.3rem">Vollständige Screenreader-Verträglichkeit (Test mit NVDA und VoiceOver), Live-Regions für Spielstand- und Phasenwechsel-Informationen, eigenes A11y-Cockpit für Lehrkräfte (filtert Modul-Empfehlungen nach Bedarf der Schüler*in), AAA-Kontrast-Modus, eingebaute Sprachausgabe für alle Aufgabentexte.</p>
|
||
</div>
|
||
|
||
<div class="roadmap">
|
||
<p><strong>Stufe 3 — Audio-First-Varianten für blinde Schüler*innen</strong> <span class="badge">Forschungs-Track</span></p>
|
||
<p style="font-size:.78rem;margin-top:.3rem">Eigene Audio-First-Varianten ausgewählter Module (binaurales Audio, sonifizierte Karten und Diagramme nach den Pattern aus aktueller Forschung). Pilotmodule geplant für Sonnensystem und Topografie. Co-Design mit dem Bundes-Blindenerziehungsinstitut (BBI Wien) angestrebt.</p>
|
||
</div>
|
||
|
||
<h2>Kontakt bei Barrieren</h2>
|
||
<p>Wenn Sie Barrieren in der Anwendung feststellen oder Fragen zur Barrierefreiheit haben, kontaktieren Sie uns bitte:</p>
|
||
<ul>
|
||
<li>E-Mail: <a href="mailto:support@geograsim.at" style="color:#4a7c8a">support@geograsim.at</a></li>
|
||
<li>Über das Kontakt-Formular: <a href="kontakt.html" style="color:#4a7c8a">kontakt.html</a></li>
|
||
</ul>
|
||
<p>Wir bemühen uns, gemeldete Barrieren zeitnah zu beheben und in die laufende V2-Entwicklung einzuarbeiten.</p>
|
||
|
||
<h2>Schlichtungsverfahren</h2>
|
||
<p>Wenn auch nach Ihrer Rückmeldung an uns keine zufriedenstellende Lösung gefunden wird, können Sie ein Schlichtungsverfahren nach dem Bundes-Behindertengleichstellungsgesetz (BGStG) in Verbindung mit dem WZG bei der Schlichtungsstelle des Sozialministeriumservice einleiten:</p>
|
||
<ul>
|
||
<li>Sozialministeriumservice — Schlichtungsstelle</li>
|
||
<li>Babenbergerstraße 5, 1010 Wien</li>
|
||
<li>Web: <a href="https://www.sozialministeriumservice.at" target="_blank" rel="noopener" style="color:#4a7c8a">sozialministeriumservice.at</a></li>
|
||
<li>E-Mail: <a href="mailto:post.wien@sozialministeriumservice.at" style="color:#4a7c8a">post.wien@sozialministeriumservice.at</a></li>
|
||
</ul>
|
||
<p>Das Schlichtungsverfahren ist für Betroffene kostenfrei.</p>
|
||
|
||
<h2>Beschwerde bei der Bundesüberwachungsstelle</h2>
|
||
<p>Stellen Sie fest, dass die Anbieterin Ihrer Beschwerde nach dem WZG nicht angemessen nachgekommen ist, können Sie sich an die FFG (Forschungsförderungsgesellschaft) als Bundesüberwachungsstelle wenden:</p>
|
||
<ul>
|
||
<li>FFG — Web-Zugänglichkeits-Beschwerdestelle</li>
|
||
<li>Web: <a href="https://www.ffg.at" target="_blank" rel="noopener" style="color:#4a7c8a">ffg.at</a></li>
|
||
</ul>
|
||
|
||
<div class="footer-note">
|
||
<p>Stand: 16. Mai 2026 · <a href="index.html">geograsim.at</a> · <a href="datenschutz.html">Datenschutz</a> · <a href="impressum.html">Impressum</a></p>
|
||
</div>
|
||
|
||
</div>
|
||
</body>
|
||
</html>
|