94f31a5d77
🎯 Comprehensive Accessibility Improvements: - Added proper ARIA roles and labels throughout navigation - Implemented keyboard navigation (Enter/Space key support) - Added focus rings with fire-themed ember red color - Enhanced screen reader support with aria-current and aria-label - Added tabIndex for proper keyboard traversal 🔥 Fire-Themed Visual Enhancements: - Updated badges to use flame orange and ember red colors - ADMIN badges now use ember red for distinction - Collection/Deck counts use flame orange - Consistent fire theme across all interactive elements ✨ Enhanced Hover & Focus States: - Active items: Left border with ember red accent - Hover items: Left border with flame orange + slide animation - Focus states: Enhanced visibility with ember red rings - Smooth 4px slide animation on hover/focus - Better visual hierarchy and feedback ♿ Accessibility Standards Compliance: - WCAG 2.1 AA compliant focus indicators - High contrast mode support with enhanced outlines - Reduced motion support for accessibility preferences - Proper semantic navigation structure - Screen reader friendly icon handling (aria-hidden) 📱 Mobile Accessibility: - Enhanced mobile menu button with proper ARIA - Improved close button accessibility - Better touch targets and focus management - Proper expanded/collapsed state communication 🎨 Visual Polish: - Consistent focus ring styling across all buttons - Theme toggle button accessibility improvements - Better color contrast in all states - Professional slide animations for navigation feedback The sidebar navigation now meets modern accessibility standards while maintaining the beautiful fire theme! ♿🔥 |
||
|---|---|---|
| .. | ||
| ActivityLog.js | ||
| AdminProtected.js | ||
| AuthLayout.js | ||
| BulkInviteModal.js | ||
| BulkSelectionToolbar.js | ||
| CardItem.js | ||
| CollaborationManager.js | ||
| CollaboratorFacepile.js | ||
| CollectionSelectionModal.js | ||
| Layout.js | ||
| PermissionIndicator.js | ||
| ShareModal.js | ||
| UploadImageModal.js | ||