diff --git a/newtab.html b/newtab.html index aa4b04a..4b748cb 100644 --- a/newtab.html +++ b/newtab.html @@ -154,7 +154,7 @@ Bilder als Referenz anzeigen (nur aktuelle Session) @@ -382,42 +382,42 @@ Kompaktmodus Weniger Abstand für mehr Bookmarks - +
Lange Titel kürzen Titel auf eine Zeile mit „…" kürzen
- +
Suchleiste anzeigen Suchleiste unter dem Header ein/aus
- +
Links in neuem Tab Bookmarks in neuem Browser-Tab öffnen
- +
Beschreibungen anzeigen Gespeicherte Beschreibung unter Bookmarks
- +
Bookmarks ausblenden Überzählige Bookmarks in langen Boards verstecken
- +
diff --git a/src/js/settings.js b/src/js/settings.js index edc511f..d65f497 100644 --- a/src/js/settings.js +++ b/src/js/settings.js @@ -166,6 +166,11 @@ function applySettings() { const imgRefBtn = document.querySelector('[data-action="image-ref"]'); if (imgRefBtn) imgRefBtn.classList.toggle('hidden', !settings.imageRefEnabled); + // A11y: aria-checked aller role=switch-Toggles an den realen checked-State angleichen + document.querySelectorAll('.toggle input[role="switch"]').forEach(cb => { + cb.setAttribute('aria-checked', cb.checked ? 'true' : 'false'); + }); + // Toolbar-Position document.body.classList.toggle('toolbar-left', settings.toolbarPos === 'left'); const toolbarPosEl = document.getElementById('settingToolbarPos'); @@ -250,6 +255,7 @@ function bindSettingsEvents() { const el = document.getElementById(id); if (el) { el.addEventListener('change', async e => { + e.target.setAttribute('aria-checked', e.target.checked ? 'true' : 'false'); fn(e.target.checked); await saveSettings(); });