diff options
| author | Christian Oliff <[email protected]> | 2024-07-19 13:45:42 +0900 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-07-19 06:45:42 +0200 |
| commit | 74891cb3a601a2da9bd83c905c8a0166ad79d810 (patch) | |
| tree | d62fa002ccb4afb6ad9c4095d7e104374854d8c8 /site/content/docs/5.3/examples/dropdowns/index.html | |
| parent | 7f8fed44fdbe2418a1876f3e19b5741666b7caa9 (diff) | |
| download | bootstrap-74891cb3a601a2da9bd83c905c8a0166ad79d810.tar.xz bootstrap-74891cb3a601a2da9bd83c905c8a0166ad79d810.zip | |
Examples: minor accessibility improvements (#40620)
- no need for `role="document"` on modals (was removed from Bootstrap a while ago)
- use `type="email"` for email input
- add aria-labels for previous month and next month buttons on date picker demo
Co-authored-by: Julien Déramond <[email protected]>
Diffstat (limited to 'site/content/docs/5.3/examples/dropdowns/index.html')
| -rw-r--r-- | site/content/docs/5.3/examples/dropdowns/index.html | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/site/content/docs/5.3/examples/dropdowns/index.html b/site/content/docs/5.3/examples/dropdowns/index.html index 66140413f..6dc038316 100644 --- a/site/content/docs/5.3/examples/dropdowns/index.html +++ b/site/content/docs/5.3/examples/dropdowns/index.html @@ -208,7 +208,7 @@ body_class: "" <div class="d-grid gap-1"> <div class="cal"> <div class="cal-month"> - <button class="btn cal-btn" type="button"> + <button class="btn cal-btn" type="button" aria-label="previous month"> <svg class="bi" width="16" height="16"><use xlink:href="#arrow-left-short"/></svg> </button> <strong class="cal-month-name">June</strong> @@ -226,7 +226,7 @@ body_class: "" <option value="November">November</option> <option value="December">December</option> </select> - <button class="btn cal-btn" type="button"> + <button class="btn cal-btn" type="button" aria-label="next month"> <svg class="bi" width="16" height="16"><use xlink:href="#arrow-right-short"/></svg> </button> </div> @@ -287,7 +287,7 @@ body_class: "" <div class="d-grid gap-1"> <div class="cal"> <div class="cal-month"> - <button class="btn cal-btn" type="button"> + <button class="btn cal-btn" type="button" aria-label="previous month"> <svg class="bi" width="16" height="16"><use xlink:href="#arrow-left-short"/></svg> </button> <strong class="cal-month-name">June</strong> @@ -305,7 +305,7 @@ body_class: "" <option value="November">November</option> <option value="December">December</option> </select> - <button class="btn cal-btn" type="button"> + <button class="btn cal-btn" type="button" aria-label="next month"> <svg class="bi" width="16" height="16"><use xlink:href="#arrow-right-short"/></svg> </button> </div> |