Prepared Docs

Prepared Docs

⌘K

    Loading navigation…

User

  1. Components
  2. Textarea
  3. Accessibility
  4. Aria Attributes

Textarea

ARIA Attributes

TextAreas use proper ARIA attributes for accessibility.

Required State

Required fields use appropriate ARIA attributes.

  • required attribute sets aria-required="true"
  • Screen readers announce: "Required Field, textarea, required"
  • Browsers can validate required fields

Invalid State

Error states use appropriate ARIA attributes.

  • error prop sets aria-invalid="true"
  • Error message is associated with aria-describedby
  • Screen readers announce invalid state

Described By

Helper text and error messages are properly associated.

  • aria-describedby references helper text or error message element
  • Screen readers announce associated descriptions
  • Multiple descriptions are properly handled

Previous

Accessibility / Screen Reader Support

Next

Accessibility / Label Accessibility

On this page

Required State
Invalid State
Described By