Disabled Link

Adding aria-disabled="true" to an <a> will add some styling to indicate it is disabled and to prevent the link from being clicked. This isn't very useful for regular links, but it's useful for button links. For example, disabling the previous page link in pagination when there is no previous page.

This sets pointer-events: none, which prevents clicking the link. It is still possible to navigate to the link with a keyboard, so a disabled link should either not have an href at all or the href should still be valid.

Not disabled:

Disabled: