Add Unicode icon fallback for a11y, fix duplicate label color
Some checks failed
Repo Health / Access control (push) Failing after 1s
Repo Health / Release configuration (push) Has been skipped
Repo Health / Scripts governance (push) Has been skipped
Repo Health / Repository health (push) Has been skipped

- Add wheelchair symbol fallback when FA7 glyph fails to render
- Fix duplicate #mokoThemeFab .label rule missing color: #fff

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan Miller
2026-04-14 20:50:10 -05:00
parent 3b94d1ec71
commit 6636668260
2 changed files with 12 additions and 1 deletions

View File

@@ -17389,6 +17389,7 @@ button#mokoThemeSwitch {
#mokoThemeFab .label {
user-select: none;
font-size: .875rem;
color: #fff;
}
#mokoThemeFab.debug-outline {

View File

@@ -292,7 +292,17 @@
toggle.className = "a11y-toggle";
toggle.setAttribute("aria-label", "Accessibility options");
toggle.setAttribute("aria-expanded", "false");
toggle.appendChild(faIcon("fa-solid fa-universal-access"));
var a11yIcon = faIcon("fa-solid fa-universal-access");
// Unicode fallback if FA7 glyph doesn't render (e.g. FA6/FA7 conflict)
setTimeout(function () {
var cs = win.getComputedStyle(a11yIcon, "::before");
if (!cs.content || cs.content === "none" || cs.content === '""' || cs.content === '"" / ""') {
a11yIcon.className = "";
a11yIcon.textContent = "\u267F";
a11yIcon.style.fontSize = "1.1rem";
}
}, 500);
toggle.appendChild(a11yIcon);
// Panel
var panel = doc.createElement("div");