Axon 911 Frontend Docs
Search
Loading navigation…
Primitives
Drop Target
Accessibility
Drop Target
Accessibility
Accessible drop targets ensure all users can effectively interact with drag-and-drop interfaces. When using
DropTarget
, follow these best practices.
Keyboard Navigation
Copy link to this section
Ensure users can interact with drop targets using only the keyboard.
Alternative Interactions
Copy link to this section
Provide keyboard-accessible alternatives to drag-and-drop.
Focus Management
Copy link to this section
Maintain logical focus behavior for drop target interactions.
Screen Reader Support
Copy link to this section
Provide meaningful information to assistive technologies.
ARIA Attributes
Copy link to this section
Use appropriate ARIA attributes to enhance drop target accessibility.
Live Regions
Copy link to this section
Announce drop target state changes to screen readers.
Color and Contrast
Copy link to this section
Ensure drop target visual states meet accessibility contrast requirements.
Visual States
Copy link to this section
Maintain readability across different states and themes.
Responsive Design
Copy link to this section
Ensure drop targets work well across different screen sizes and orientations.
Mobile Optimization
Copy link to this section
Consider touch interactions and smaller screens.
Form Integration
Copy link to this section
Integrate drop targets properly with form handling and validation.
Form Submission
Copy link to this section
Include drop target values in form data correctly.
Validation States
Copy link to this section
Show validation feedback when drop target content is invalid.
Previous
Drop Target / API and Development
Next
Dynamic Importer / Usage
On this page
Keyboard Navigation
Alternative Interactions
Focus Management
Screen Reader Support
ARIA Attributes
Live Regions
Color and Contrast
Visual States
Responsive Design
Mobile Optimization
Form Integration
Form Submission
Validation States