0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-02 14:24:19 +01:00
Bootstrap/site/content/docs/5.1/components
Patrick H. Lauke aa06dffdf6
Disabled link cleanup (#34886)
* Disabled link cleanup

per https://www.w3.org/TR/html-aria/#docconformance

> It is NOT RECOMMENDED to use `aria-disabled="true"` on an `a` element with an `href` attribute.
>
>NOTE
>If a link needs to be "disabled", remove the `href` attribute.

This PR removes the unnecessary `href="#"`, `tabindex="-1"`, and `aria-disabled="true"` from disabled links in both docs pages and examples. `aria-disabled="true"` *is* kept for disabled link-based buttons (that have `role="button"`) as there it's appropriate to use (you *want* to convey to assistive technologies that this thing you're claiming is a button is also disabled at the moment)

Further, the PR extends the "Link functionality caveat" to show the "proper" way (removing `href` and adding `.disabled` class only) to disable a link, but then explains what to do if that's not possible (and then keeps an example with all the traditional `href="#" tabindex="-1" aria-disabled="true"`, but explains clearly that it's not ideal). Same sort of explanation is also added to the pointer event utilities page

* Turn big note into actual normal doc text

Co-authored-by: Mark Otto <markd.otto@gmail.com>

Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-09-06 22:14:21 +03:00
..
accordion.md Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
alerts.md Enhance Alerts > Live Example section (#34769) 2021-08-30 16:00:16 +03:00
badge.md Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
breadcrumb.md Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
button-group.md Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
buttons.md Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
card.md Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
carousel.md Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
close-button.md Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
collapse.md Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
dropdowns.md Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
list-group.md Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
modal.md Fix modal when is triggered by bs-toggle, to hide other open instances (#34701) 2021-08-10 17:55:34 +03:00
navbar.md Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
navs-tabs.md Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
offcanvas.md Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
pagination.md Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
placeholders.md Fix a11y issues in .hstack example and placeholder 'How it works' example (#34892) 2021-09-04 09:36:18 +03:00
popovers.md Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
progress.md Progress page: remove toggle animation button (#34787) 2021-08-21 06:54:53 +03:00
scrollspy.md Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
spinners.md Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
toasts.md Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
tooltips.md Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00