Description
The animated dot animation ('.'.repeat(periods)) is inside a full-screen loading blocker with no aria-hidden attribute. Screen readers will announce each period change as the animation progresses, creating a noisy experience. Additionally, the loading indicator lacks role="status" or aria-live="polite" so assistive technology never announces the loading state at all.
Severity: medium
File: packages/app/src/AuthLoadingBlocker.tsx
Expected Behavior
The code should handle this case properly to avoid unexpected errors or degraded quality.
Description
The animated dot animation (
'.'.repeat(periods)) is inside a full-screen loading blocker with noaria-hiddenattribute. Screen readers will announce each period change as the animation progresses, creating a noisy experience. Additionally, the loading indicator lacksrole="status"oraria-live="polite"so assistive technology never announces the loading state at all.Severity:
mediumFile:
packages/app/src/AuthLoadingBlocker.tsxExpected Behavior
The code should handle this case properly to avoid unexpected errors or degraded quality.