[FRONTEND][FR-19] UI Component Audit: #19

[Lynndabel]

Metadata

Depends On: N/A
Domain: FRONTEND

🎯 Problem

Frontend components lack consistent accessibility and testing.

📋 Requirements

• Add ARIA labels
• Add Vitest mocks
• Fix mobile layout

🤔 Design Questions

• How to test responsive states?
• What are the ARIA standards?

📊 Acceptance Criteria

• Lighthouse score > 95
• Tests coverage 100%
• Pixel perfect

💬 Optimization Ideas

Use Tailwind theme constants.

[dorisadams]

I would love to work on this issue, please assign the issues to me so i Can work on it ASAP

[dorisadams]

I would love to work on this issue, please assign the issues to me so i Can work on it ASAP

[grantfox-oss]

🦊 GrantFox — @dorisadams has been assigned to this issue as part of the Official Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #460)
2. Your PR will be reviewed by the ChianLojistics maintainers

Good luck! Track your progress on GrantFox.