Prasad P. Pawar created ATLAS-5392:
--------------------------------------
Summary: Atlas UI: Fix all Lighthouse accessibility failures on
Search page
Key: ATLAS-5392
URL: https://issues.apache.org/jira/browse/ATLAS-5392
Project: Atlas
Issue Type: Sub-task
Components: atlas-webui
Affects Versions: 3.0.0
Reporter: Prasad P. Pawar
Assignee: Prasad P. Pawar
Lighthouse Accessibility score is 86 on #/search. All failing audits are
frontend-fixable in a single pass.
Issues to fix:
1. button-name (29 failures — Critical)
- Location: TreeNodeIcons.tsx — IconButton with data-cy="dropdownMenuButton"
- Fix: Add aria-label="Open menu for \{nodeName}" to each tree action button
2. aria-input-field-name (1 — Serious)
- Location: QuickSearch.tsx — #quick-search-scope-select combobox has no
accessible name
- Fix: Add InputLabel + labelId/aria-labelledby on MUI Select
3. aria-prohibited-attr (1 — Serious)
- Location: QuickSearch.tsx — aria-label on wrapper div without valid role
- Fix: Remove invalid aria-label from non-interactive div
4. color-contrast (1 — Serious)
- Location: ClassificationCoverage.tsx — usage % text #868e96 on white
(3.32:1, needs 4.5:1)
- Fix: Use #6c757d or theme.palette.text.secondary
5. label-content-name-mismatch (6 — Serious)
- Location: OverviewCard.tsx, EntityStatusDonut.tsx,
ClassificationCoverage.tsx
- Issue: aria-label omits visible numbers (e.g. "608", "Active 79%")
- Fix: Include visible text in accessible name (e.g. "View all entities, 608
total")
6. svg-img-alt (3 — Serious)
- Location: EntityStatusDonut.tsx — Recharts pie sectors (role="img") lack
labels
- Fix: aria-hidden="true" on decorative chart container OR add sector
aria-labels
7. SEO meta description (minor)
- Location: index.html
- Fix: Add <meta name="description" content="Atlas data governance
dashboard">
Acceptance Criteria:
* Lighthouse {{button-name}} = 0 failures
* Lighthouse {{aria-input-field-name}} and {{aria-prohibited-attr}} = 0
* Lighthouse {{color-contrast}} = 0 (ratio ≥ 4.5:1)
* Lighthouse {{label-content-name-mismatch}} = 0
* Lighthouse {{svg-img-alt}} = 0
* SEO meta description audit passes
* Accessibility score ≥ 95
* Unit tests for TreeNodeIcons aria-label and QuickSearch label wiring
--
This message was sent by Atlassian Jira
(v8.20.10#820010)
