[#48399] - Various screens and flows: Text contrast is low
- New
- Medium
- Build: 5.4-dev
- # 48399
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-002 |
|---|---|
| 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.3 Contrast (Minimum) |
| Responsibility tag(s) from report | Design, Development |
| Affected Joomla area/component | https://accessibility-project.joomla.org/results/Milestone-1a/milestone1/deliverable1/wcag-report#4ed17c91-984e-478a-8eab-d43e5577bdc2 |
| Affected user journey(s) | 01 – Backend Template (Atum); 05 – MFA Setup - Method / Methods Views; 07 – Installer Wizard (com_installer/Install); 09 – Backend Edit Form Pattern; 11 – Backend Options including Permissions; 12 – Update Joomla |
| Source report/reference | Milestone 1a WCAG audit report |
| STF reporting reference | To be assigned |
| Issue owner | To be assigned |
| Status | Triage |
Audit finding
Text contrast is low
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 (guided tour example)
- Open a guided tour within Atum's "Take a Tour" dropdown in the header.
- Use a contrast analyser to sample the "Cancel" button text and its background.
- Repeat for links, headings, labels, and relevant states in other screens.
- Observe that the measured contrast is below the applicable threshold.
Version
6.1
Expected result
The contrast of text elements must be at least 4.5∶1, unless the text is larger than 19 pixels and bold or larger than 24 pixels. In those instances the minimum is 3∶1.
Actual result
Text falls below the required threshold.
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)
|
||
| Labels |
Added:
a11y-audit-backlog
a11y-priority-moderate (Medium)
|
||
| Title |
|
||||||