MI2 - Reduced-Motion Rules

Module

Web

Status

VERIFIED

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)

Verification

Run: docs/qa/feature-checks/runs/web/mi2-reduced-motion-rules/run-001/
Tier 0 (source): pass (tier0-source-check.json)
Tier 1 (build/tests): pass (tier1-build-check.json)
Tier 2 (behavior): pass (tier2-e2e-check.json)
Verified on (UTC): 2026-02-11T08:32:00.7257886Z

1.4 KiB Raw Blame History