Home

nonclickable

Nonclickable describes an element that cannot be activated by clicking or tapping. In digital interfaces, it usually refers to content that looks interactive—such as a link or button—but is intentionally nonfunctional, or to elements that are inherently noninteractive.

On the web, nonclickable items include text styled to resemble a link without an action, or HTML

Practical techniques to render nonclickability include setting CSS pointer-events: none and adjusting the cursor to default,

Nonclickable design should be clearly distinguishable from actionable controls to prevent user confusion. If noninteractivity is

elements
that
have
no
event
handlers.
An
anchor
element
is
clickable
when
it
has
an
href;
removing
the
href
or
handling
the
click
to
prevent
navigation
makes
it
nonclickable.
For
information-only
content,
it
is
better
to
use
noninteractive
elements
such
as
span
or
div
rather
than
misusing
anchor
or
button
elements
that
imply
interactivity.
or
removing
the
element
from
the
tab
order
with
tabindex=-1.
When
used,
accessibility
considerations
should
guide
behavior:
if
an
element
appears
disabled,
apply
aria-disabled="true"
and
ensure
screen
readers
convey
the
status;
avoid
leaving
noninteractive
content
focusable
or
labeled
as
a
real
control.
temporary
or
conditional,
provide
clear
cues
about
when
action
becomes
available
and
maintain
semantic
HTML
for
assistive
technologies.