diff options
author | Patrick H. Lauke <redux@splintered.co.uk> | 2020-07-03 14:38:11 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-07-03 14:38:11 +0300 |
commit | 10690dd31778fa5114d9c357867d8c7bea597bc0 (patch) | |
tree | 43b7606c9f7ba302b7a90f844e4cc8a02fbe6789 /site/content/docs/5.0/examples | |
parent | 0a6cf9036c6bc3c5d1c68de971c95b70f5125aca (diff) |
Rename `sr-only`/`sr-only-focusable` (#31139)
* Rename `sr-only`/`sr-only-focusable`
To be more representative of the fact that these are not necessarily "screen reader" specific, but actually apply to assistive technologies in general (and also things like Alexa/Siri/etc). Goes hand-in-hand with #31133
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Diffstat (limited to 'site/content/docs/5.0/examples')
-rw-r--r-- | site/content/docs/5.0/examples/carousel/index.html | 4 | ||||
-rw-r--r-- | site/content/docs/5.0/examples/sign-in/index.html | 4 |
2 files changed, 4 insertions, 4 deletions
diff --git a/site/content/docs/5.0/examples/carousel/index.html b/site/content/docs/5.0/examples/carousel/index.html index e5b9f46494..d95f35d28c 100644 --- a/site/content/docs/5.0/examples/carousel/index.html +++ b/site/content/docs/5.0/examples/carousel/index.html @@ -75,11 +75,11 @@ extra_css: </div> <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> - <span class="sr-only">Previous</span> + <span class="visually-hidden">Previous</span> </a> <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> - <span class="sr-only">Next</span> + <span class="visually-hidden">Next</span> </a> </div> diff --git a/site/content/docs/5.0/examples/sign-in/index.html b/site/content/docs/5.0/examples/sign-in/index.html index c49ad12b0a..acd5b48354 100644 --- a/site/content/docs/5.0/examples/sign-in/index.html +++ b/site/content/docs/5.0/examples/sign-in/index.html @@ -10,9 +10,9 @@ include_js: false <form class="form-signin"> <img class="mb-4" src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72"> <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1> - <label for="inputEmail" class="sr-only">Email address</label> + <label for="inputEmail" class="visually-hidden">Email address</label> <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus> - <label for="inputPassword" class="sr-only">Password</label> + <label for="inputPassword" class="visually-hidden">Password</label> <input type="password" id="inputPassword" class="form-control" placeholder="Password" required> <div class="checkbox mb-3"> <label> |