[5.0] Replace the accessibility icon: universal-access instead of wheelchair

[ChristineWk]

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

Additional comments

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

[chmst]

#34713 had another context.

Relevant: #39615

[sandewt]

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:

• https://www.getemojis.net/emoji/wheelchair-symbol/
• https://www.getemojis.net/html/#Emoji-Liste

[ChristineWk]

@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.}

[sandewt]

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

[ChristineWk]

@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.

[sandewt]

of course no success :)

Indeed, it only works with inline script / styling.

[ChristineWk]

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.

[sandewt]

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>

[ChristineWk]

? 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.}