aboutsummaryrefslogtreecommitdiff
path: root/js/tests/visual/dropdown.html
diff options
context:
space:
mode:
authorPatrick H. Lauke <[email protected]>2020-07-03 12:38:11 +0100
committerGitHub <[email protected]>2020-07-03 14:38:11 +0300
commit10690dd31778fa5114d9c357867d8c7bea597bc0 (patch)
tree43b7606c9f7ba302b7a90f844e4cc8a02fbe6789 /js/tests/visual/dropdown.html
parent0a6cf9036c6bc3c5d1c68de971c95b70f5125aca (diff)
downloadbootstrap-10690dd31778fa5114d9c357867d8c7bea597bc0.tar.xz
bootstrap-10690dd31778fa5114d9c357867d8c7bea597bc0.zip
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 <[email protected]>
Diffstat (limited to 'js/tests/visual/dropdown.html')
-rw-r--r--js/tests/visual/dropdown.html12
1 files changed, 6 insertions, 6 deletions
diff --git a/js/tests/visual/dropdown.html b/js/tests/visual/dropdown.html
index 0b54a125a..a7ceb32e2 100644
--- a/js/tests/visual/dropdown.html
+++ b/js/tests/visual/dropdown.html
@@ -19,7 +19,7 @@
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav">
<li class="nav-item active">
- <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+ <a class="nav-link" href="#">Home <span class="visually-hidden">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
@@ -70,7 +70,7 @@
<div class="btn-group dropup">
<button type="button" class="btn btn-secondary">Dropup split</button>
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
- <span class="sr-only">Dropup split</span>
+ <span class="visually-hidden">Dropup split</span>
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
@@ -104,7 +104,7 @@
<div class="btn-group dropup" role="group">
<a href="#" class="btn btn-secondary">Dropup split align right</a>
<button type="button" id="dropdown-page-subheader-button-3" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-expanded="false">
- <span class="sr-only">Product actions</span>
+ <span class="visually-hidden">Product actions</span>
</button>
<div class="dropdown-menu dropdown-menu-right">
<button class="dropdown-item" type="button">Action</button>
@@ -126,7 +126,7 @@
<div class="btn-group dropright" role="group">
<a href="#" class="btn btn-secondary">Dropright split</a>
<button type="button" id="dropdown-page-subheader-button-4" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-expanded="false">
- <span class="sr-only">Product actions</span>
+ <span class="visually-hidden">Product actions</span>
</button>
<div class="dropdown-menu">
<button class="dropdown-item" type="button">Action</button>
@@ -148,7 +148,7 @@
<div class="btn-group dropleft" role="group">
<a href="#" class="btn btn-secondary">Dropleft split</a>
<button type="button" id="dropdown-page-subheader-button-5" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-expanded="false">
- <span class="sr-only">Product actions</span>
+ <span class="visually-hidden">Product actions</span>
</button>
<div class="dropdown-menu">
<button class="dropdown-item" type="button">Action</button>
@@ -184,7 +184,7 @@
<div class="btn-group dropdown">
<button type="button" class="btn btn-secondary">Dropdown reference</button>
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-reference="parent">
- <span class="sr-only">Dropdown split</span>
+ <span class="visually-hidden">Dropdown split</span>
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>