a11y(modals): role=dialog + Fokus-Falle und -Rueckgabe fuer Settings und Theme-Picker

This commit is contained in:
2026-06-13 20:58:42 +02:00
parent 87cd070beb
commit 0a93340792
2 changed files with 66 additions and 8 deletions
+4 -4
View File
@@ -103,9 +103,9 @@
<!-- SETTINGS PANEL -->
<div class="panel-overlay" id="settingsOverlay"></div>
<aside class="settings-panel" id="settingsPanel">
<aside class="settings-panel" id="settingsPanel" role="dialog" aria-modal="true" aria-labelledby="settingsPanelTitle" aria-hidden="true">
<div class="panel-header">
<span data-i18n="settings.title">Einstellungen</span>
<span id="settingsPanelTitle" data-i18n="settings.title">Einstellungen</span>
<button class="btn-close" id="btnCloseSettings" data-i18n-title="dialog.close"></button>
</div>
<div class="panel-body">
@@ -291,9 +291,9 @@
<!-- THEME PICKER MODAL -->
<div class="modal-overlay" id="themeOverlay">
<div class="theme-modal" id="themeModal">
<div class="theme-modal" id="themeModal" role="dialog" aria-modal="true" aria-labelledby="themeModalTitle" aria-hidden="true">
<div class="modal-header">
<span data-i18n="modal.theme_header">Darstellung</span>
<span id="themeModalTitle" data-i18n="modal.theme_header">Darstellung</span>
<button class="btn-close" id="btnCloseTheme" data-i18n-title="dialog.close"></button>
</div>
<div class="theme-grid">