Accessibility

Focus indicators: Enhanced :focus-visible styles with visible outlines
Reduced motion: Respects prefers-reduced-motion preference
High contrast: Supports forced-colors mode for Windows High Contrast
Color contrast: Meets WCAG AA contrast requirements

Virtual Media Folders is built with accessibility in mind, following WCAG 2.1 guidelines:

The folder tree supports complete keyboard navigation:

Key	Action
`↓` / `↑`	Move between folders
`→`	Expand folder or move to first child
`←`	Collapse folder or move to parent
`Enter` / `Space`	Select folder
`Home`	Jump to first folder
`End`	Jump to last folder

Reordering folders is fully keyboard accessible using the drag handle (⋮⋮):

Screen readers announce each step:

Moving media to folders can be done three ways:

Mouse/Touch: Drag media items onto a folder in the sidebar
Keyboard Move Mode:
- Focus a media item in the grid (use Tab or arrow keys)
- Press M to pick up the item (or select multiple first, then press M)
- Tab to the folder sidebar
- Navigate to target folder with Arrow keys
- Press Enter to drop, or M / Escape to cancel
Bulk Action Dropdown:
- Click “Bulk select” in the media library toolbar
- Select media items using Space or Enter
- Use the “Move to folder” dropdown and click “Apply”

Screen reader announcements guide you through keyboard move mode:

On pick up: “Photo.jpg picked up. Navigate to a folder and press Enter to drop…”
On drop: “Moved Photo.jpg to Events”
On cancel: “Move cancelled”