diff options
author | 2022-01-19 21:22:40 +0100 | |
---|---|---|
committer | 2022-01-19 15:22:40 -0500 | |
commit | 9deada68b4a2ce5fc1bf22369a45a092aa435cf2 (patch) | |
tree | bb36e70f2492183a7716a472e191045bffad625e /examples/docs | |
parent | e0def89697a6825150007ffbafb7d9fdb82602cc (diff) | |
download | astro-9deada68b4a2ce5fc1bf22369a45a092aa435cf2.tar.gz astro-9deada68b4a2ce5fc1bf22369a45a092aa435cf2.tar.zst astro-9deada68b4a2ce5fc1bf22369a45a092aa435cf2.zip |
Fix visibility of focused skip link on docs site (#2405)
* Fix visibility of focused skip link on docs site
The `sr-only` utility class used on the “Skip to Content” link at the top of each page in the docs is designed to be paired with the `focus:not-sr-only` class. `focus:not-sr-only` was missing on the skip link, meaning it was never shown even when focused.
* Fix visibility of focused skip link in docs example project
Apply the same fix as ac890b56 to the same component in the docs starter project.
Diffstat (limited to 'examples/docs')
-rw-r--r-- | examples/docs/src/components/Header/SkipToContent.astro | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/examples/docs/src/components/Header/SkipToContent.astro b/examples/docs/src/components/Header/SkipToContent.astro index 91df15b93..9e3844e6f 100644 --- a/examples/docs/src/components/Header/SkipToContent.astro +++ b/examples/docs/src/components/Header/SkipToContent.astro @@ -1,4 +1,4 @@ -<a href="#article" class="sr-only skiplink"><span>Skip to Content</span></a> +<a href="#article" class="sr-only focus:not-sr-only skiplink"><span>Skip to Content</span></a> <style> .skiplink, |