Also size of the image on better practices is 18x12 and pagespeed suggests a bigger image like 27x18 for the image to be as default size.
In languages module images of languages are missing the alt text and the width and height variables.
<img title="English" width="18" height="12" src="/media/mod_languages/images/en_gb.gif" alt="English">
<img src="/media/mod_languages/images/en_gb.gif">
or
<img title="English" src="/media/mod_languages/images/en_gb.gif">
On every occurence of
<?php echo HTMLHelper::_('image', 'mod_languages/' . $language->image . '.gif', $params->get('full_name') ? '' : $language->title_native, null, true); ?>
Should be something like that
<?php echo HTMLHelper::_('image', 'mod_languages/' . $language->image . '.gif', $language->title_native, ['title' => $language->title_native, 'width' => '18', 'height' => '12'], true); ?>
Occurences:
Maybe that with the params and full name is fine on some cases as it includes it so then it will prevent the Image elements do not have [alt] attributes that are redundant text. but pagespeed throws an error sometimes.
What version of Joomla were you using?
Joomla 6
What device were you using? (eg, phone, laptop)
Mobile Device
What web browser were you using? (eg, Chrome, Safari)
Firefox
If you were using assistive technology, please let us know the device or software you were using (eg VoiceOver, JAWS, sip-and-puff device, etc)
Pagespeed Insights
If you know which WCAG or ATAG criteria this violates, please indicate it here:
| Labels |
Added:
No Code Attached Yet
a11y
|
||
I have sent PR.
The Languages module (mod_languages) was rendering language flag images without required accessibility and performance attributes. Previously, the output was missing the alt, width, and height attributes, and even when the full_name parameter was enabled, the alt text was not reliably populated, which resulted in PageSpeed Insights warnings and accessibility issues. This has now been fixed by updating the image rendering to always include a meaningful alt and title attribute using the native language name, along with explicit width and height values. This ensures better accessibility compliance, prevents layout shifts, and removes the need for overrides to address PageSpeed or accessibility errors.
@chaitali-tekdi what is the pull request number ?
@chaitali-tekdi no you are referencing to this one wich is an issue and not a pull request
Sorry, this is 46792 pull number
| Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2026-01-31 08:45:15 |
| Closed_By | ⇒ | alikon |
I posted how to fix this issue here: #27813
Each flag should have multiple images of different sizes for different screens: one image for the default screen, another image for a
2Kscreen, and also images for4Kand8Kscreens.8KPC monitors are already available, so there should be images for 8K screens in @joomla as well.https://en.wikipedia.org/wiki/8K_resolution