Is your Joomla site failing accessibility tests? See how one hidden contrast issue was fixed with zero visual change!
Fix invisible accessibility issues in Joomla templatesโhow a simple background color tweak solved contrast errors without changing the design!
00:00 - Introduction & Sponsor Message
00:19 - Accessibility Testing with WAVE Tool
00:42 - Identifying Contrast Errors
01:00 - White-on-White Text Issue
01:19 - Analyzing the Menu Visibility
01:38 - Editing the Template in Creator CK
01:55 - Changing Background Color to Fix Contrast
02:19 - Verifying the Fix & Refreshing the Test
02:38 - How the Change Affects Accessibility
02:53 - Final Check & Visual Confirmation
03:10 - Conclusion & Call to Action
โ
Summary
-
Introduction & Sponsor
The video is sponsored by Cyersolโs Joomla Training Cohort and mysights.guru, offering free Joomla site audits. -
Template Overview
The video demonstrates accessibility testing on a custom-built Joomla template using Template Creator CK. -
Accessibility Issue Identified
Using WAVE (wave.webaim.org), the test reveals 7 contrast errors due to a visual mismatch. -
False Contrast Error Explained
A text section looks fine visually (white text on faded background) but registers as white on white in accessibility scans. -
Understanding the Fade Layer
The site uses a fade overlay for style, which isnโt detected by the scannerโcausing a false positive. -
Locating the Issue in Template Creator CK
The problematic background is found in a wrapper section called cover image wrapper. -
Fixing the Background Color
In Template Creator CK, the background color is changed from white to black behind the image layer. -
Testing the Fix
Visually, nothing changes on the frontendโbut technically, the background is now black and contrast errors are eliminated. -
Re-running the Accessibility Test
Upon refreshing the WAVE test, the contrast warnings disappear, confirming the fix worked as intended. -
Final Tip & Sign-off
Tim advises checking for invisible accessibility issues using tools like WAVE, and closes with: โSubscribe, enjoy Joomla, and God bless.โ
Please send any feedback or bug reports or queries to;
Contact Tim Davis โบ
Joomla Training Cohort โบ https://cybersalt.com/jtc
Add comment