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/layouts/partials/home/masthead-followup.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/layouts/partials/home/masthead-followup.html')
-rw-r--r-- | site/layouts/partials/home/masthead-followup.html | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/site/layouts/partials/home/masthead-followup.html b/site/layouts/partials/home/masthead-followup.html index 8d4e9796f0..3dc8cb4823 100644 --- a/site/layouts/partials/home/masthead-followup.html +++ b/site/layouts/partials/home/masthead-followup.html @@ -243,10 +243,10 @@ $utilities: map-merge( <p>Why write more JavaScript when you can write HTML? Nearly all of Bootstrap's JavaScript plugins feature a first-class data API, allowing you to use JavaScript just by adding <code>data</code> attributes.</p> <div class="p-4 mb-3 border rounded-3"> <div class="dropdown"> - <button class="btn btn-primary dropdown-toggle" type="button" id="dropdown" data-bs-toggle="dropdown" aria-expanded="false"> + <button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> Dropdown </button> - <ul class="dropdown-menu" aria-labelledby="dropdown"> + <ul class="dropdown-menu"> <li><a class="dropdown-item" href="#">Dropdown item</a></li> <li><a class="dropdown-item" href="#">Dropdown item</a></li> <li><a class="dropdown-item" href="#">Dropdown item</a></li> @@ -255,10 +255,10 @@ $utilities: map-merge( </div> {{ highlight (printf `<div class="dropdown"> - <button class="btn btn-primary dropdown-toggle" type="button" id="dropdown" data-bs-toggle="dropdown" aria-expanded="false"> + <button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> Dropdown </button> - <ul class="dropdown-menu" aria-labelledby="dropdown"> + <ul class="dropdown-menu"> <li><a class="dropdown-item" href="#">Dropdown item</a></li> <li><a class="dropdown-item" href="#">Dropdown item</a></li> <li><a class="dropdown-item" href="#">Dropdown item</a></li> |