1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-09-01 17:32:41 +02:00
Files
bootstrap/site/content/docs/4.6/utilities/screen-readers.md
XhmikosR 6ffb0b48e4 Release v4.6.0. (#32726)
* Bump version to v4.6.0.

* Dist
2021-01-19 18:16:38 +02:00

596 B

layout, title, description, group
layout title description group
docs Screen readers Use screen reader utilities to hide elements on all devices except screen readers. utilities

Hide an element to all devices except screen readers with .sr-only. Combine .sr-only with .sr-only-focusable to show the element again when it's focused (e.g. by a keyboard-only user). Can also be used as mixins.

{{< example >}} Skip to main content {{< /example >}}

// Usage as a mixin
.skip-navigation {
  @include sr-only;
  @include sr-only-focusable;
}