[#48408] - Cassiopeia - Main navigation: Focus states and Current Menu indicators have low contrast
- New
- Medium
- Build: 5.4-dev
- # 48408
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-039 |
|---|---|
| Backlog priority | Medium |
| Severity — carried from Milestone 1a | Moderate |
| Implementation effort | Low |
| Target milestone(s) | MS2a, MS2b, MS3a, MS3b, MS5a, MS7b, MS8a, MS10 |
| WCAG 2.2 success criterion | 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#c9dd88da-6556-425d-803d-80393b65ff91 |
| Affected user journey(s) | 02 – Frontend Template (Cassiopeia) |
| Source report/reference | Milestone 1a WCAG audit report |
| STF reporting reference | To be assigned |
| Issue owner | To be assigned |
| Status | Triage |
Audit finding
Focus states and Current Menu indicators have low contrast
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 a Cassiopeia page.
- Navigate the main menu with the keyboard.
- Inspect focus and current-menu indicators.
- Measure them against adjacent backgrounds in relevant states.
- Observe low contrast.
Version
6.1
Expected result
The menu items would have a higher than 3∶1 contrast ratio:
Actual result
The way current menu items are highlighted has lower than 3∶1 contrast ratio:
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
joomla-cms-bot
- | Labels |
Added:
No Code Attached Yet
a11y
|
||
| Labels |
Added:
a11y-audit-backlog
a11y-priority-moderate (Medium)
|
||
| Title |
|
||||||