Skip to content

Tag

What component has

Keyboard support

Keyboard support
KeyFunction
TabMoves keyboard focus to the interactive tag and its Close icon button.
Shift + TabMoves focus to the previous focusable element.
EnterToggles active state for interactive tag or removes tag by Close icon button.

Considerations for developers

  • Make sure screenreader reads your tags list as a group.
  • Interactive tags that are used as a button for filtering content should also follow the accessibility guidelines for Button.
  • Make sure that any function accessible by hovering with a mouse is also available using only the keyboard.

Considerations for designers

Resources

To find more information on the ways to make your tags accessible by the keyboard and screen readers see Creating accessible tag.

Other recommendations

See more accessibility recommendations in the common Accessibility guide.

Released under the MIT License.

Released under the MIT License.