[#48398] - Atum Main Menu: Currently selected menu item is indicated by color alone
- New
- Medium
- Build: 5.4-dev
- # 48398
Steps to reproduce the issue
NOTE: Accessibility backlog issue and work-in-progress. This issue has been opened to account for all the issues flagged in the initial Milestone 1a Audit Report. If this is a duplicate issue, it will be closed by the end of September 2026.
| Milestone 1a finding ID | M1a-006 |
|---|---|
| Backlog priority | Medium |
| Severity — carried from Milestone 1a | Moderate |
| Implementation effort | Low |
| Target milestone(s) | MS2a, MS3a, MS3b, MS7b, MS8a, MS10 |
| WCAG 2.2 success criterion | 1.4.1 Use of Color; 1.4.11 Non-text Contrast |
| Responsibility tag(s) from report | Design, Development |
| Affected Joomla area/component | https://accessibility-project.joomla.org/results/Milestone-1a/milestone1/deliverable1/wcag-report#5a5542f6-fb77-46af-be8c-679e2509ba10 |
| Affected user journey(s) | 01 – Backend Template (Atum) |
| Source report/reference | Milestone 1a WCAG audit report |
| STF reporting reference | To be assigned |
| Issue owner | To be assigned |
| Status | Triage |
Audit finding
Currently selected menu is indicated by color alone
User impact
People with low vision or colour-vision deficiencies may not be able to perceive text, controls, focus states, or status indicators reliably.
Remediation plan
Update the shared design tokens, theme styles, and component states so the affected text, icons, indicators, and controls are perceivable in all supported states.
Steps to reproduce
- Open Atum.
- Navigate to the current main menu item and an unselected item.
- Inspect the DOM and accessibility tree.
- Use grayscale or colour-vision simulation.
- Observe that current selection is conveyed by colour alone.
Version
6.1
Expected result
Menu selection is indicated by a means other than solely a color change. Ensure a non-color way to indicate the current page. Use an icon or other indicator. Alternatively you can ensure that the contrast between non-current items and current items is more than 3∶1.
Actual result
The current menu item is only indicated visually by using color alone.
What device were you using? (eg, phone, laptop)
Desktop web
What web browser were you using? (eg, Chrome, Safari)
Chrome, Firefox, Edge, Safari
Assistive Technology?
N/A
Additional Comments
No response
| Labels |
Added:
a11y
a11y-audit-backlog
a11y-priority-moderate (Medium)
|
||
joomla-cms-bot
- | Labels |
Added:
No Code Attached Yet
|
||
| Title |
|
||||||
| Title |
|
||||||