Skip to content

Add polite screen reader announcements for scan phases #156

Description

@Muawiya-contact

Goal

Make scan progress updates friendly for screen readers.

The scan panel updates file counts, bytes, phase, and preview rows while scanning. Screen reader users should get useful status changes without being spammed every 150ms.

Suggested starting point

Scan UI lives in:

app/src/App.jsx

The scan panel currently renders status text like:

<p className="scan-status">Scanning safely… nothing is being changed</p>
<p className="progress-phase">{phase || "Walking files"}</p>

Consider adding a polite live region for major phase changes only:

<p className="sr-only" aria-live="polite">{phase}</p>

Please avoid announcing every file count tick.

Acceptance criteria

  • Major scan phase changes are announced politely.
  • Rapid file count updates are not noisy for screen readers.
  • Adds a small test or stylesheet check if a helper class like .sr-only is added.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    appThe Tauri desktop appfrontendThe desktop app's UI layerhelp wantedExtra attention is neededlevel: intermediateNeeds familiarity with one cratepriority: mediumWorth doing, not urgentui/uxInterface design, usability, and visual polish

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions