MI2 - Reduced-Motion Rules

Module

Web

Status

IMPLEMENTED

Description

Comprehensive reduced-motion support via both CSS prefers-reduced-motion media query and data-reduce-motion attribute. Durations clamp to 0ms, parallax/auto-animations disabled, focus/hover states preserved.

Implementation Details

Feature directory: src/Web/StellaOps.Web/src/app/styles/
Source: Feature matrix scan

E2E Test Plan

Setup:
- Log in with a user that has appropriate permissions
- Navigate to the relevant page/section where this feature appears
- Ensure test data exists (scanned artifacts, SBOM data, or seed data as needed)
Core verification:
- Verify the component renders correctly with sample data
- Verify interactive elements respond to user input
- Verify data is fetched and displayed from the correct API endpoints
Edge cases:
- Verify graceful handling when backend API is unavailable (error state)
- Verify responsive layout at different viewport sizes
- Verify accessibility (keyboard navigation, screen reader labels, ARIA attributes)

1.1 KiB Raw Blame History