Use supplied accessibility icon

This commit is contained in:
Server 2026-08-19 10:26:04 +00:00
parent 845515d400
commit f7811cd999
4 changed files with 8 additions and 5 deletions

View file

@ -1,3 +1,3 @@
"""Single source of truth for the SharedDocsLib package version.""" """Single source of truth for the SharedDocsLib package version."""
__version__ = "0.5.0" __version__ = "0.5.1"

View file

@ -146,7 +146,6 @@ body.desktop-sidebar-collapsed .desktop-sidebar { width: 0; flex-basis: 0; paddi
.accessibility-icon-button:hover { background: var(--control); } .accessibility-icon-button:hover { background: var(--control); }
.accessibility-icon-button:focus-visible, .accessibility-back:focus-visible, .accessibility-step:focus-visible, .accessibility-reset:focus-visible, .accessibility-font-options button:focus-visible { outline: 2px solid var(--text); outline-offset: 3px; } .accessibility-icon-button:focus-visible, .accessibility-back:focus-visible, .accessibility-step:focus-visible, .accessibility-reset:focus-visible, .accessibility-font-options button:focus-visible { outline: 2px solid var(--text); outline-offset: 3px; }
.accessibility-glyph { width: 25px; height: 25px; overflow: visible; fill: currentColor; } .accessibility-glyph { width: 25px; height: 25px; overflow: visible; fill: currentColor; }
.accessibility-glyph path { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.accessibility-button { position: fixed; z-index: 40; bottom: max(16px, env(safe-area-inset-bottom)); left: 20px; width: 50px; height: 50px; } .accessibility-button { position: fixed; z-index: 40; bottom: max(16px, env(safe-area-inset-bottom)); left: 20px; width: 50px; height: 50px; }
body.accessibility-open .accessibility-button { display: none; } body.accessibility-open .accessibility-button { display: none; }
body.accessibility-open .content, body.accessibility-open .page-navigation { display: none; } body.accessibility-open .content, body.accessibility-open .page-navigation { display: none; }

View file

@ -168,7 +168,7 @@
button.setAttribute("aria-label", "Accessibility settings"); button.setAttribute("aria-label", "Accessibility settings");
button.setAttribute("aria-controls", "accessibility-view"); button.setAttribute("aria-controls", "accessibility-view");
button.setAttribute("aria-expanded", "false"); button.setAttribute("aria-expanded", "false");
button.innerHTML = '<svg class="accessibility-glyph" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="4.5" r="2.1"></circle><path d="M5 8.2h14M12 7.2v12.3M8.1 21l3.9-7.4 3.9 7.4"></path></svg>'; button.innerHTML = '<svg class="accessibility-glyph" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" aria-hidden="true"><path d="M423.5-743.5Q400-767 400-800t23.5-56.5Q447-880 480-880t56.5 23.5Q560-833 560-800t-23.5 56.5Q513-720 480-720t-56.5-23.5ZM360-80v-520H120v-80h720v80H600v520h-80v-240h-80v240h-80Z"></path></svg>';
return button; return button;
} }

View file

@ -40,11 +40,15 @@ def test_accessibility_ui_is_generated_by_runtime_for_existing_html():
assert "function ensureAccessibilityUi()" in client assert "function ensureAccessibilityUi()" in client
assert 'createAccessibilityButton("accessibility-button"' in client assert 'createAccessibilityButton("accessibility-button"' in client
assert 'createAccessibilityButton("mobile-accessibility-button"' in client assert 'createAccessibilityButton("mobile-accessibility-button"' in client
assert 'viewBox="0 -960 960 960" fill="currentColor"' in client
assert "M423.5-743.5Q400-767" in client
assert '<circle cx="12" cy="4.5"' not in client
assert "document.body.append(launcher)" in client assert "document.body.append(launcher)" in client
assert "elements.mobileTree.before(mobileActions)" in client assert "elements.mobileTree.before(mobileActions)" in client
assert "(elements.pageTransition || elements.pageSurface).append(view)" in client assert "(elements.pageTransition || elements.pageSurface).append(view)" in client
assert "--accessibility-font-family: system-ui" in css assert "--accessibility-font-family: system-ui" in css
assert "--accessibility-font-size: 16px" in css assert "--accessibility-font-size: 16px" in css
assert ".accessibility-glyph path { fill: none" not in css
assert "@font-face" not in css assert "@font-face" not in css
@ -117,7 +121,7 @@ def test_all_endpoints_and_self_contained_build(tmp_path):
assert html_response.status_code == 200 assert html_response.status_code == 200
assert "http://127.0.0.1:9000/manifest.json" in html assert "http://127.0.0.1:9000/manifest.json" in html
assert "http://127.0.0.1:9000/version" in html assert "http://127.0.0.1:9000/version" in html
assert 'globalThis.COMPILED_FROM_VERSION = "0.5.0";' in html assert 'globalThis.COMPILED_FROM_VERSION = "0.5.1";' in html
assert ".content { --custom-test: yes; }" in html assert ".content { --custom-test: yes; }" in html
assert r'document.body.dataset.customTest = \"yes\";' in html assert r'document.body.dataset.customTest = \"yes\";' in html
assert 'id="docslib-loading"' in html assert 'id="docslib-loading"' in html
@ -283,7 +287,7 @@ def test_all_endpoints_and_self_contained_build(tmp_path):
def test_build_writes_static_bundle(tmp_path): def test_build_writes_static_bundle(tmp_path):
assert __version__ == "0.5.0" assert __version__ == "0.5.1"
@Page("1", "Static page") @Page("1", "Static page")
def static_page(): def static_page():