Skip to content

Commit 79a8ae8

Browse files
committed
add id
1 parent c797a8d commit 79a8ae8

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

_includes/header.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
class="tab-longname">Compare </span>WebViews</a>
88
<button type="button" id="theme-toggle" class="theme-toggle" aria-label="Switch to dark mode" aria-live="polite">
99
<span class="theme-toggle-icon" aria-hidden="true">☀️</span>
10-
<span class="visually-hidden">Current theme: Light mode</span>
10+
<span id="theme-toggle-status" class="visually-hidden">Current theme: Light mode</span>
1111
</button>
1212
</div>
1313
<section class="search-wrapper">

_js/_theme.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -80,8 +80,8 @@ class Theme {
8080

8181
updateAriaLabel(label, currentTheme) {
8282
this.button.setAttribute('aria-label', label);
83-
84-
const visuallyHiddenText = this.button.querySelector('.visually-hidden');
83+
84+
const visuallyHiddenText = this.button.querySelector('#theme-toggle-status');
8585
if (visuallyHiddenText) {
8686
visuallyHiddenText.textContent = `Current theme: ${currentTheme}`;
8787
}

0 commit comments

Comments
 (0)