xxxxxxxxxx
Desativar um link #
Para desabilitar um link, ao contrário da técnica anterior, disablednão é permitido o uso do atributo. Ainda é possível desabilitar um link seguindo 3 passos:
remova o hrefatributo para que ele não possa mais receber o foco
adicione um role="link"para que seja sempre considerado um link pelos leitores de tela
adicione um atributo aria-disabled="true"para que seja indicado como desabilitado
HTML
<a role="link" aria-disabled="true"> Disabled link </a>
xxxxxxxxxx
.isDisabled {
color: currentColor;
cursor: not-allowed;
opacity: 0.5;
text-decoration: none;
pointer-events: none;
}