update copy for new switch
This commit is contained in:
parent
5ae9c08cd2
commit
3dbae97c59
1 changed files with 2 additions and 3 deletions
|
|
@ -6,9 +6,8 @@ With version 2.0 I introduced dark and light mode. This is not intended to be a
|
|||
|
||||
Dark and light mode respects the user agent or operating system settings using the `prefers-color-scheme` CSS media feature. But there is also a switch in the `<footer>`.
|
||||
|
||||
If you want to change something here, for example replace the button with a sun/moon icon, make sure to preserve accessibility. The accessible name ("Theme dark" or "Theme light") results from two IDs:
|
||||
|
||||
`aria-labelledby="theme-switcher-label"`
|
||||
If you want to change something here, for example replace the button with a sun/moon icon, make sure to preserve accessibility.
|
||||
The accessible name ("Theme dark" or "Theme light") is put together by `aria-labelledby="theme-switcher-label"` "Theme" and the <button>s "light" and "dark". If your site is in another language, you can adjust those values in `_data/meta.js`, for both the content of the `<button>`s and their `aria-label`
|
||||
|
||||
If you remove the "light" and "dark" `<button>` and you don't use the heading with the ID `theme-switcher-label`, the value for the accessible name must be obtained differently.
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue