mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-11 18:02:28 +03:00
Code Activity

Docs: rename "Screen readers" helper page to "Visually hidden"

Browse Source 
"screen readers" is quite reductive, as there are other assistive technologies. content hidden this way is even announced by things like Alexa/Siri etc, so it's not so much just "screen readers".
in the long run, we may even consider changing the actual classnames (maybe `.visually-hidden` / `.visually-hidden-focusable`, though admittedly that's a bit verbose).

also includes a tiny tweak to layout.md to generalise the note about using `.sr-only`
This commit is contained in:
Patrick H. Lauke
2020-06-21 12:07:20 +01:00
committed by Mark Otto
parent 49934b2bba
commit 3a79335a0b
5 changed files with 29 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/content/docs/5.0/forms/layout.md
+1 -1
View File
@@ -297,7 +297,7 @@ You can then remix that once again with size-specific column classes.
Use the `.col-auto` class to create horizontal layouts. By adding [gutter modifier classes]({{< docsref "/layout/gutters" >}}), we'll have gutters in horizontal and vertical directions. The `.align-items-center` aligns the form elements to the middle, making the `.form-checkbox` align properly.
Be sure to always include a `<label>` with each form control, even if you need to hide it from non-screenreader visitors with `.visually-hidden`.
Be sure to always include a `<label>` with each form control, even if you need to visually hide it with `.visually-hidden` (which still keeps it available to assistive technologies such as screen readers).
{{< example >}}
<form class="row row-cols-md-auto g-3 align-items-center">