mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-08 17:22:31 +03:00
Code Activity

.sr-only & .sr-only-focusable tweaks (#28720)

Browse Source 
* Prevent .sr-only-focusable overriding properties when being focused

* Typo
This commit is contained in:
Martijn Cuppens
2019-05-20 10:03:51 +02:00
committed by GitHub
parent 1a41b0ffa6
commit a4a04cd9ec
6 changed files with 31 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/content/docs/4.3/getting-started/accessibility.md
+2 -2
View File
@@ -37,10 +37,10 @@ Content which should be visually hidden, but remain accessible to assistive tech
</p>
{{< /highlight >}}
For visually hidden interactive controls, such as traditional "skip" links, `.sr-only` can be combined with the `.sr-only-focusable` class. This will ensure that the control becomes visible once focused (for sighted keyboard users).
For visually hidden interactive controls, such as traditional "skip" links, use the `.sr-only-focusable` class. This will ensure that the control becomes visible once focused (for sighted keyboard users). **Watch out, since Bootstrap 5 the `.sr-only-focusable` class may not be used in combination with the `.sr-only` class.**
{{< highlight html >}}
<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>
<a class="sr-only-focusable" href="#content">Skip to main content</a>
{{< /highlight >}}
### Reduced motion