Third iteration of comprehensive accessibility improvements:
- Added test IDs to CodeEditorSection (preview checkbox, editor containers, error message)
- Added test IDs and roles to ReactPreview component (loading, error, unsupported states)
- Enhanced preview components with proper ARIA labels and status roles
- Added test IDs to demo feature cards with region role
- Improved error states with data-testid for error messages
- Added aria-label attributes to preview state containers
Component updates:
- CodeEditorSection: Enable preview checkbox, editor/preview containers, error display
- ReactPreview: Loading state, error state, unsupported language state
- DemoFeatureCards: Feature cards grid with region role
- Preview state management: Added proper ARIA roles (status, alert)
These additions enable comprehensive testing of:
- Code editor workflows (editing, preview toggling, error states)
- Component preview rendering and error handling
- Different preview states (loading, error, unsupported)
- Demo feature cards navigation and display
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
