diff options
author | Patrick H. Lauke <redux@splintered.co.uk> | 2022-06-03 13:18:22 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-06-03 13:18:22 +0300 |
commit | 8965b11dd5ec9f6d353c53b58e256880d6a96703 (patch) | |
tree | 03cd881cb6c7d1bb55c87e2a398c17936beb6a2b /site/content/docs/5.2/examples/sidebars/index.html | |
parent | 3102b4a3e9a7af8737b5330ccf5c6879022577b4 (diff) |
Remove confusing unnecessary id/aria-labelledby for dropdown menus (#36487)
see https://github.com/twbs/bootstrap/discussions/35755
Note that even the APG guide for disclosure widgets doesn't use this optional "nice-to-have" extra bit https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/ (though they do use `aria-controls`, which in most current browser/AT combos is borked though)
Diffstat (limited to 'site/content/docs/5.2/examples/sidebars/index.html')
-rw-r--r-- | site/content/docs/5.2/examples/sidebars/index.html | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/site/content/docs/5.2/examples/sidebars/index.html b/site/content/docs/5.2/examples/sidebars/index.html index 33a80e1f8a..48889faccb 100644 --- a/site/content/docs/5.2/examples/sidebars/index.html +++ b/site/content/docs/5.2/examples/sidebars/index.html @@ -110,11 +110,11 @@ body_class: "" </ul> <hr> <div class="dropdown"> - <a href="#" class="d-flex align-items-center text-white text-decoration-none dropdown-toggle" id="dropdownUser1" data-bs-toggle="dropdown" aria-expanded="false"> + <a href="#" class="d-flex align-items-center text-white text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> <img src="https://github.com/mdo.png" alt="" width="32" height="32" class="rounded-circle me-2"> <strong>mdo</strong> </a> - <ul class="dropdown-menu dropdown-menu-dark text-small shadow" aria-labelledby="dropdownUser1"> + <ul class="dropdown-menu dropdown-menu-dark text-small shadow"> <li><a class="dropdown-item" href="#">New project...</a></li> <li><a class="dropdown-item" href="#">Settings</a></li> <li><a class="dropdown-item" href="#">Profile</a></li> @@ -166,11 +166,11 @@ body_class: "" </ul> <hr> <div class="dropdown"> - <a href="#" class="d-flex align-items-center link-dark text-decoration-none dropdown-toggle" id="dropdownUser2" data-bs-toggle="dropdown" aria-expanded="false"> + <a href="#" class="d-flex align-items-center link-dark text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> <img src="https://github.com/mdo.png" alt="" width="32" height="32" class="rounded-circle me-2"> <strong>mdo</strong> </a> - <ul class="dropdown-menu text-small shadow" aria-labelledby="dropdownUser2"> + <ul class="dropdown-menu text-small shadow"> <li><a class="dropdown-item" href="#">New project...</a></li> <li><a class="dropdown-item" href="#">Settings</a></li> <li><a class="dropdown-item" href="#">Profile</a></li> @@ -215,10 +215,10 @@ body_class: "" </li> </ul> <div class="dropdown border-top"> - <a href="#" class="d-flex align-items-center justify-content-center p-3 link-dark text-decoration-none dropdown-toggle" id="dropdownUser3" data-bs-toggle="dropdown" aria-expanded="false"> + <a href="#" class="d-flex align-items-center justify-content-center p-3 link-dark text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> <img src="https://github.com/mdo.png" alt="mdo" width="24" height="24" class="rounded-circle"> </a> - <ul class="dropdown-menu text-small shadow" aria-labelledby="dropdownUser3"> + <ul class="dropdown-menu text-small shadow"> <li><a class="dropdown-item" href="#">New project...</a></li> <li><a class="dropdown-item" href="#">Settings</a></li> <li><a class="dropdown-item" href="#">Profile</a></li> |