Prepared Docs

Prepared Docs

⌘K

    Loading navigation…

User

  1. Components
  2. Textarea
  3. Accessibility
  4. Keyboard Support

Textarea

Keyboard Support

Accessible textareas ensure all users can enter multi-line text content effectively. When using TextArea, follow these best practices.

TextAreas support standard keyboard interaction for accessibility.

Basic Navigation

Navigate to and interact with textareas using keyboard.

  • Tab: Moves focus to the textarea
  • Shift + Tab: Moves focus away from the textarea
  • Arrow Keys: Navigate within text content
  • Enter: Creates new line (standard textarea behavior)
  • Escape: May close associated dialogs or menus

Focus Indicators

Focus indicators are clearly visible.

  • Focus ring appears when textarea receives focus
  • Focus ring uses accent color for visibility
  • Focus state is maintained during typing
  • Keyboard users can see current focus position

Previous

Accessibility / Required Field

Next

Accessibility / Screen Reader Support

On this page

Basic Navigation
Focus Indicators