Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Components
  2. File Upload
  3. Accessibility
  4. Screen Reader Support

File Upload

Screen Reader Support

Screen Reader Support
Provide meaningful information to assistive technologies about upload functionality.
Descriptive Labels
Use clear labels that communicate the purpose of the upload area.
Error Announcements
Validation errors are automatically associated with the upload area through ARIA attributes.
When limits are exceeded, error messages are announced to screen readers through aria-errormessage associations.
Status Communication
Upload card status is communicated through text content that screen readers announce.
ARIA Attributes
The upload components use appropriate ARIA attributes to enhance accessibility.
Upload Area Attributes
The component automatically applies:
  • aria-label for identifying the upload area
  • aria-describedby for associating limitations text
  • aria-invalid when validation errors occur
  • aria-errormessage for linking error messages
Remove Button Attributes
Remove buttons on upload cards include appropriate labels for screen readers.
The remove button includes aria-label="Remove" and title="Remove" for clear identification.
Previous
Accessibility / Keyboard Support
Next
Accessibility / Visual and Interactive States
On this page
Screen Reader Support
Descriptive Labels
Error Announcements
Status Communication
ARIA Attributes
Upload Area Attributes
Remove Button Attributes