[
https://issues.apache.org/jira/browse/ATLAS-5392?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Prasad P. Pawar updated ATLAS-5392:
-----------------------------------
Parent: ATLAS-5391
Issue Type: Sub-task (was: Task)
> 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
> Priority: Major
>
> 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)
