Axon 911 Frontend Docs
Search
Loading navigation…
Components
Textarea
Accessibility
Testing With Screen Readers
Textarea
Open in Cursor
Open in Cursor
More open options
Testing with Screen Readers
Testing with Screen Readers
Copy link to this section
Test textareas with screen readers for proper announcements.
Expected Announcements
Copy link to this section
Expected sequence:
Tab to textarea: "Description, textarea, Enter description..., Provide detailed information"
Begin typing: Content is announced character by character or word by word (depending on screen reader settings)
Error appears: "Description, textarea, invalid, Error message"
Error State Announcements
Copy link to this section
Expected announcement: "Email, textarea, required, invalid, Invalid email format"
Character Limit Announcements
Copy link to this section
Screen readers may announce character limit when appropriate, though visual counter is primary feedback.
Auto-Resize Accessibility
Copy link to this section
Auto-resize features remain accessible.
Dynamic Sizing
Copy link to this section
Auto-resize maintains accessibility.
Textarea grows and shrinks as content changes
Focus remains on textarea during resize
Content remains fully accessible
Keyboard navigation continues to work
Manual Resize
Copy link to this section
Manual resize is keyboard accessible.
Resize handle is keyboard accessible
Users can adjust size using keyboard shortcuts
Focus management works correctly
Content remains accessible during resize
Best Practices Summary
Copy link to this section
Ensure textarea accessibility by:
Always providing descriptive labels
Associating labels with textareas using
id
and
htmlFor
Using
required
attribute for required fields
Providing helpful helper text
Displaying clear error messages
Using appropriate ARIA attributes (
aria-invalid
,
aria-describedby
)
Ensuring sufficient color contrast
Supporting keyboard navigation
Testing with screen readers
Providing character limit feedback
Managing focus appropriately
Using auto-resize or fixed rows appropriately
Handling disabled and read-only states clearly
Previous
Accessibility / Label Accessibility
Next
Toast / Usage
On this page
Testing with Screen Readers
Expected Announcements
Error State Announcements
Character Limit Announcements
Auto-Resize Accessibility
Dynamic Sizing
Manual Resize
Best Practices Summary