finos / finos/a11y-theme-builder
[TB] Minimum Target - Atoms - WCAG 4.1.2: Ensures every ARIA input field has an accessible name (div[aria-controls=":r5:"])
- Dominant language
- TypeScript
- Stars
- 81
- Forks
- 77
- PR merge metrics
- No merged PRs in 30d
Description
## Problem/Concern
Running Accessibility Insights for Web on the Minimum Target Page produces the following error twice:
### Issue
`Ensures every ARIA input field has an accessible name` ([aria-input-field-name](https://accessibilityinsights.io/info-examples/web/aria-input-field-name))
### Target application
[A11y ThemeBuilder](http://localhost:3000/designSystem/My%20Design)
### Element path
div[aria-controls=":r5:"]
### Snippet
`
Contributor guide
No contributing guide indexed for this repository
Research direction
Start at the Minimum Target Page in the A11y ThemeBuilder and inspect the MUI Select components matching div[aria-controls=":r5:"], especially the minHeightLabel reference. Verify the accessible names with Accessibility Insights for Web; done means both reported controls pass the aria-input-field-name check.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100