Breaking News: Grepper is joining You.com. Read the official announcement!

disable link html

Felipebros answered on April 16, 2020 Popularity 10/10 Helpfulness 8/10

answer disable link html

disable link html

Comment

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>

Popularity 10/10 Helpfulness 8/10 Language html

Source: a11y-guidelines.orange.com

Tags: disable-link html

Link to this answer
Share Copy Link

Contributed on Jan 06 2023

Felipebros

0 Answers Avg Quality 2/10

Closely Related Answers

html disable anchor link

Comments(1)

a.isDisabled {
  pointer-events: none;
}

Popularity 10/10 Helpfulness 5/10 Language html

Source: css-tricks.com

Tags: anchor an

Link to this answer
Share Copy Link

Contributed on Apr 16 2020

Clever Chipmunk

0 Answers Avg Quality 2/10

how to disable link in hmtl

Comment

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}

Popularity 10/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Sep 22 2021

Ankur

0 Answers Avg Quality 2/10

disable link html

Contents

More Related Answers

disable link html

Closely Related Answers

html disable anchor link

how to disable link in hmtl

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.