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:"])

Open
#950 0 comments 0 reactions 0 assignees View on GitHub
bug theme builder app
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.