How to swap out accessibility icon?

For Joomla! 4.x Coding related discussions, you could also use:

Moderators: ooffick, General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Post Reply
Joomla! Explorer
Joomla! Explorer
Posts: 446
Joined: Sun Dec 04, 2005 7:27 pm

How to swap out accessibility icon?

Post by maestroc » Fri Dec 08, 2023 1:48 am

This has been asked before but it was not detailed how exactly to do it. I need to swap out the default J4/5 accessibility plugin icon of the wheelchair for the universal web accessibility icon. Here is a post that describes the same question:


And even a post on the Joomla issue tracker:

But neither shows how to actually change the plugin icon. Could someone guide me on how to do this?

Joomla! Hero
Joomla! Hero
Posts: 2846
Joined: Fri Jul 05, 2013 10:35 am
Location: Parts Unknown

Re: How to swap out accessibility icon?

Post by SharkyKZ » Fri Dec 08, 2023 6:37 am

If you're using "Google Material" icons, you can use this code in your template:

Code: Select all

$this->addScriptOptions('accessibility-options', ['icon' => ['img' => 'accessibility']]);
If using emoji icons, you have to override accessibility.js scripts because the emoji is hardcoded there and there is no option to change it.

Post Reply

Return to “Joomla! 4.x Coding”