deepStateMirrors/tabi
1
0
Fork 1
mirror of https://github.com/welpo/tabi.git synced 2025-10-11 07:46:15 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

♿️ feat(a11y): add keyboard accessibility to theme toggler

Browse source
This commit is contained in:
welpo 2024-01-03 18:43:51 +01:00
parent b6a89e6370
commit dce495e71d
No known key found for this signature in database
GPG key ID: A2F978CF4EC1F5A6
3 changed files with 18 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

15
static/js/themeSwitcher.js
View file

@ -57,3 +57,18 @@ themeSwitcher.setAttribute('aria-pressed', currentTheme === 'dark');
if (localStorage.getItem('theme')) {
themeResetter.classList.add('has-custom-theme');
}
// Function to handle keydown event on theme toggler buttons.
function handleThemeTogglerKeydown(event) {
if (event.key === 'Enter' || event.key === ' ') {
event.preventDefault();
if (event.target === themeSwitcher) {
switchTheme();
} else if (event.target === themeResetter) {
resetTheme();
}
}
}
themeSwitcher.addEventListener('keydown', handleThemeTogglerKeydown);
themeResetter.addEventListener('keydown', handleThemeTogglerKeydown);