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. Keyboard Support

File Upload

Keyboard Support

Accessible file upload controls ensure all users can successfully upload and manage files. When using FileUpload, follow these best practices. Ensure users can upload files and interact with upload cards using only the keyboard.
Browse Functionality
The browse button is fully keyboard accessible, allowing users who cannot drag and drop to select files.
Users can:
  • Navigate to the upload area using Tab
  • Activate the browse button with Enter or Space
  • Select files through the native file picker dialog
Card Interactions
When upload cards include interactive elements, ensure keyboard accessibility.
Users can:
  • Navigate to the remove button using Tab
  • Activate removal with Enter or Space
  • Navigate to clickable cards and activate them with Enter or Space
Previous
File Upload / API and Development
Next
Accessibility / Screen Reader Support
On this page
Browse Functionality
Card Interactions