bootstrap/site/content/docs/5.1/examples
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
..
album Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
album-rtl Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
blog Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
blog-rtl Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
carousel Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
carousel-rtl Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
cheatsheet Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
cheatsheet-rtl Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
checkout Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
checkout-rtl Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
cover Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
dashboard Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
dashboard-rtl dashboard-rtl: use the same scripts as the dashboard example (#34766) 2021-08-18 18:51:12 +03:00
dropdowns Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
features Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
footers Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
grid Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
headers Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
heroes Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
jumbotron Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
list-groups Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
masonry Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
modals Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
navbar-bottom Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
navbar-fixed Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
navbar-static Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
navbars Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
offcanvas-navbar Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
pricing Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
product Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
sidebars Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
sign-in Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
starter-template Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
sticky-footer Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
sticky-footer-navbar Disabled link cleanup (#34886) 2021-09-06 22:14:21 +03:00
.stylelintrc Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
_index.md Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00