Feature No Code Attached Yet
avatar ChristineWk
ChristineWk
19 Jul 2023

Steps to reproduce the issue

How can the icon ("wheelchair user") used by default in the frontend be changed to another accessibility icon without a wheelchair?

Or maybe as an alternative for choosing.

Expected result

Replace the accessibility icon: universal-access instead of wheelchair

Actual result

screen shot 2023-07-19 at 21 20 06

Additional comments

There is a PR #34713, but this is for the backend.

avatar ChristineWk ChristineWk - open - 19 Jul 2023
avatar ChristineWk ChristineWk - change - 19 Jul 2023
Labels Removed: ?
avatar joomla-cms-bot joomla-cms-bot - change - 19 Jul 2023
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 19 Jul 2023
avatar ChristineWk ChristineWk - change - 19 Jul 2023
The description was changed
avatar ChristineWk ChristineWk - edited - 19 Jul 2023
avatar chmst
chmst - comment - 20 Jul 2023

#34713 had another context.

Relevant: #39615

avatar sandewt
sandewt - comment - 20 Jul 2023

The symbol is a unicode symbol and is embedded in the \media\vendor\accessibility\js\accessibility.js file

I could not find a suitable replacement symbol, see:

avatar ChristineWk
ChristineWk - comment - 20 Jul 2023

@chmst Thank you for your info.

@sandewt Thank you for your interest. Interesting links. Also looked at (before your message): yooa11y.css and yoaa11.min.css - but difficult.

Btw: In Forum.de the alternative question came up, whether or how to change the fontawesome icon, which is gray, to a different background color? Couldn't find it yet, possibly because of CSS.
Here: ...\media\vendor\accessibility\js\accessibility.js file I haven't looked yet.


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/41191.

avatar sandewt
sandewt - comment - 20 Jul 2023

Btw: In Forum.de the alternative question came up, whether or how to change the fontawesome icon, which is gray, to a different background color? Couldn't find it yet, possibly because of CSS.

See: https://fontawesome.com/v5/icons/universal-access?f=classic&s=solid

avatar ChristineWk
ChristineWk - comment - 20 Jul 2023

@sandewt Thank you for your link to fontawesome.
I tried:

i.fa-solid.universal-access { content:"\f29a" }
of course no success :)

Saw also:

To use the regular style of “universal-access“, you'll need a subscription to a Pro-level plan or a perpetual Pro license that includes the specific version of Font Awesome in which this icon (or style) was released.

avatar sandewt
sandewt - comment - 21 Jul 2023

of course no success :)

Indeed, it only works with inline script / styling.

avatar ChristineWk
ChristineWk - comment - 21 Jul 2023

of course no success :)

Indeed, it only works with inline script / styling.

"of course" :-) didn't mention before that I also entered the following html code:

<i class="fa-solid fa-universal-access"></i>

However, it was only temporary (F12)
either it is wrong or it has been placed in the wrong place.

avatar sandewt
sandewt - comment - 21 Jul 2023

Maybe I misunderstand you. But this inline code shows a red background of the icon.

<i class="fas fa-universal-access" style="color: #ff0000;"></i>

avatar ChristineWk
ChristineWk - comment - 21 Jul 2023

? My code starts do not have: ..."fas" .... Tried with "fa-solid" etc.
Hv to check again. Thank you.


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/41191.

avatar Hackwar Hackwar - change - 28 Mar 2024
Labels Added: Feature
avatar Hackwar Hackwar - labeled - 28 Mar 2024

Add a Comment

Login with GitHub to post a comment