Semantics

An interactive reference to an internal or external resource that, when activated, causes the user agent to navigate to that resource.

Additional info from the ARIA specification

See related button.

If this is a native link in the host language (such as an HTML anchor with an href value), activating the link causes the user agent to navigate to that resource. If this is a simulated link, the author is responsible for managing navigation.

Abstract Role

  • WidgetRepresents a focusable, interactive element.

Content Categories

  • Phrasing ContentAn element that typically appears inline and provides semantic meaning to text content.

Allowed Descendants

Flow Children Allowed

No interactive content descendants, and no descendants with a tabindex attribute specified.

Usage

Allowed HTML elements

Implicit semantics

These elements have the role semantics by default, without needing to set the role attribute. Reach for elements with native semantics first when choosing how to implement a role in your content.

  • a­[href]

Explicitly allowed

  • button[role=link]
  • img[role=link]

Elements that can have any role

  • abbr[role=link]
  • address[role=link]
  • b[role=link]
  • blockquote[role=link]
  • canvas[role=link]
  • cite[role=link]
  • code[role=link]
  • custom-element[role=link]
  • data[role=link]
  • del[role=link]
  • dfn[role=link]
  • div[role=link]
  • em[role=link]
  • figure[role=link]
  • i[role=link]
  • ins[role=link]
  • kbd[role=link]
  • mark[role=link]
  • output[role=link]
  • p[role=link]
  • pre[role=link]
  • q[role=link]
  • samp[role=link]
  • small[role=link]
  • span[role=link]
  • table[role=link]
  • tbody[role=link]
  • tfoot[role=link]
  • thead[role=link]
  • time[role=link]
  • u[role=link]
  • var[role=link]