]> git.ipfire.org Git - thirdparty/bootstrap.git/commit
Docs: Make theme switcher accessible (#37780)
authorPatrick H. Lauke <redux@splintered.co.uk>
Mon, 2 Jan 2023 05:54:46 +0000 (05:54 +0000)
committerGitHub <noreply@github.com>
Mon, 2 Jan 2023 05:54:46 +0000 (21:54 -0800)
commit212c0dfd076e4e504de135b2b41647199feb3696
tree857059426a06653a8ab57950da4f4016b71e1e0b
parent2cc580e2d1e70d942965d54365db24fe6728ad00
Docs: Make theme switcher accessible (#37780)

* Make theme switcher accessible

* set an explicit `aria-label` to the switcher (as the `<span>` is not sufficient, as it can be display:none'd and then the button has no accName)
* make the theme buttons actual `aria-pressed` toggles

* Dynamically update aria-label for theme switcher

* Explicitly reset focus after activating theme

* Use innerText for the constructed dynamic aria-label

this way, if the text ever gets changed in the html, this will adapt appropriately

* Tweak accessible name for the dropdown

* Fixup

* Use `textContent` instead of `innerText`
site/layouts/partials/docs-navbar.html
site/static/docs/5.3/assets/js/color-modes.js