How To Add Aria-label And Title Attributes To Unnamed Login And Cart Links In Helix Ultimate (Allura Template)
Vojkan Okičić
I am using the Allura template and have encountered an accessibility issue detected by Google PageSpeed Insights.
Problem: Unnamed login and cart links Google PageSpeed flags two links as unnamed, which affects website accessibility:
Login link (sp-sign-in) Cart link (easystore-cart-icon) Since these links contain only icons and do not have text labels, screen readers cannot recognize them, and Google PageSpeed considers them problematic.
What do I need to do? I need to add the following attributes:
aria-label="Login" title="Login" for the login link and:
aria-label="Cart" title="Cart" for the cart link to improve accessibility.
What I have already tried: I have searched extensively but have not been able to find where these links are generated. Here’s what I have checked:
Override files for mod_login Override files for mod_menu and mod_users header.php files in the template and override directories System files in Helix Ultimate (Platform.php, Helper.php, HTMLOverride.php) Elements and modules in Joomla, SP Page Builder, and EasyStore I have also used search tools in CPanel and SSH (grep -r "sp-sign-in"), but I still cannot locate the exact file where these links are generated.
My Question: In which file are the sp-sign-in and easystore-cart-icon links generated in the Allura template, and what is the best way to add the aria-label and title attributes to them?
Thank you in advance for your help!
Paul Frankowski
Accepted AnswerHi Vojkan,
Is possible to add them on this stage, but you have to edit those files
If we talk about cart icon on the header
components\com_easystore\layouts\cart\icon.php
Sign In link
templates\allura\features\menu.php
About the first one, we will try to implement in upcoming updates, I cannot tell you when exactly.
Vojkan Okičić
Accepted AnswerHi Paul,
Thanks for the quick response. The quality of JoomShaper tools is at a high level, so occasional manual adjustments are not an issue at all.
I just have one question—after making these changes, will I need to reapply them after each update of the template or EasyStore? Will updates override these modifications, or will they remain intact?
I just want to clarify so I know what to expect.
Thanks again for your help.
Best regards, Vojkan
Paul Frankowski
Accepted AnswerYes, but if we will implement that change in next component update, so you don't have to override that file with your version after update.
Please check upcoming EasyStore changelog 1.4.6-7 (or ask me, I will check)
About 2nd file, change file permissions from 644 to 444 after you add your changes, and backup that file.