Skip to content

A11y: add an aria description of logged-vs-planned to the over-budget meter #9

Description

@ali-maher-m

What

The plan-vs-actual meter has role="meter" and aria values, but a screen-reader user would benefit from a clear text description of "X logged of Y planned (over by Z)". Add/refine the aria-label to spell that out.

Where

  • packages/ui/src/meter.tsx.

How to verify

Run the web app on a task that is over budget and inspect the meter's aria-label; optionally run the a11y check in apps/web/e2e/time-tracking.e2e.spec.ts (axe scan).

Notes

Numbers should use the mono/tabular treatment per the brand.

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions