Add ARIA meter role to MemoryBar component

[jbingham17]

Summary

• Added role="meter" with aria-valuenow, aria-valuemin, aria-valuemax, and aria-label to the MemoryBar container
• Screen readers can now announce memory usage as a percentage

Test plan

• Verify memory bars render correctly
• Confirm screen readers announce memory usage percentage and label

🤖 Generated with Claude Code

Summary by CodeRabbit

• Refactor
  • Improved accessibility for the memory usage monitoring component. Screen reader and assistive technology integration has been significantly enhanced to provide clearer, more detailed communication of current memory usage levels, operational boundaries, and real-time metrics. This enhancement directly benefits users relying on screen readers and assistive navigation tools.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

📜 Recent review details

Configuration used: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Cache: Disabled due to Reviews > Disable Cache setting

Disabled knowledge base sources:

• Jira integration is disabled

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 0965d1a and c85f88b.

📒 Files selected for processing (1)

• src/components/MemoryBar.tsx

🧰 Additional context used

📓 Path-based instructions (2)

src/components/**

⚙️ CodeRabbit configuration file

Review React components for accessibility, proper use of hooks, and consistent naming conventions.

Files:

• src/components/MemoryBar.tsx

**/*

⚙️ CodeRabbit configuration file

**/*: - Ignore minor or stylistic concerns. - Restrict feedback to errors, security risks, or functionality-breaking problems. - Do not post comments on code style, formatting, or non-critical
improvements.

• Keep reviews short: flag only issues that make the PR unsafe to merge. - Limit review comments to 3–5 items maximum, unless additional blockers
  exist.
• Group similar issues into a single comment instead of posting multiple
  notes.
• Skip repetition — if a pattern repeats, mention it once at a summary
  level only.
• Do not add general suggestions, focus strictly on merge-blocking
  concerns.
• If there are no critical problems, respond with minimal approval
  (e.g., 'Looks good'). Do not add additional review.
• Avoid line-by-line commentary unless it highlights a critical bug or security hole. - Highlight only issues that could cause runtime errors, data loss, or severe maintainability issues. - Ignore minor optimization opportunities — focus solely on correctness and safety. - Provide a top-level summary of critical blockers rather than detailed per-line notes. - Comment only when the issue must be resolved before merge — otherwise remain silent. - When in doubt, err on the side of fewer comments — brevity and
  blocking issues only.
• Avoid posting any refactoring issues

Files:

• src/components/MemoryBar.tsx

🔇 Additional comments (1)

src/components/MemoryBar.tsx (1)

32-32: Looks good. ARIA meter implementation is correct—role="meter" with aria-valuenow, aria-valuemin, aria-valuemax, and aria-label follows the spec properly for screen reader announcements.

---

Walkthrough

The MemoryBar component in src/components/MemoryBar.tsx was updated to include accessibility attributes on its container element. The div now has role="meter" to identify it as a progress meter, aria-label bound to the component's label, aria-valuenow bound to the percent value, and aria-valuemin/aria-valuemax set to 0 and 100 respectively. These additions improve screen reader compatibility without modifying any rendering logic or component behavior.

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}