System - Additional Accessibility Features -> Icon alternatives

[jjnxpct]

The plugin 'System - Additional Accessibility Features' offerst two icon sets to choose from:

• Emojies
• Google Material Font

When choosing the Google Material font it is load like this:

<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" class="_access-font-icon-0">

This means an external css file is loaded from a Google server. I would like to have the option to load a local font file or css in stead.

I am am not sure how the Emoji icons are loaded. I think this is a font, but loaded locally? Anyway, those icons look awefull ;-) I like the material icons much better, but I would like some control over how to load those icons.

So maybe we could have an option to use the Material icon from a local CSS file?

Or maybe we could have an option to used NEITHER icons so we use our template CSS to add the icons, as long as there is an element / classname in the output to target...

Any thoughts on this?

[ChristineWk]

See here please:

#44775 and #41191

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/45271.}

[jjnxpct]

I looked at those issues and I think they only mention the 'main' icon for the button that shows the menu. I am talking about the icons in the submenu. And on the frontend. Also I noticed in the other issues people talking about font awesome. But maybe also just for the main wheelchair / accessibility icon.

My main issue is the loading of CSS from a remote server for the material icons. I would like to only load local resources but the Emojies don't look very nice. I do like the material icons but I was wondering if we could somehow NOT load any (local or remote) icons bu instead add out own css / icons in the template. We just need to have an <i> with a class to target.

Or maybe there are other ways to prevent a remote server connection and still have nice looking icons?

[jjnxpct]

@QuyTon Based on my extra info can you reopen this issue?

[brianteeman]

This can be done but only with an upgrade of the 3rd party script used that provides the functionality of the plugin.

[teoberi]

I looked at those issues and I think they only mention the 'main' icon for the button that shows the menu. I am talking about the icons in the submenu. And on the frontend. Also I noticed in the other issues people talking about font awesome. But maybe also just for the main wheelchair / accessibility icon.

My main issue is the loading of CSS from a remote server for the material icons. I would like to only load local resources but the Emojies don't look very nice. I do like the material icons but I was wondering if we could somehow NOT load any (local or remote) icons bu instead add out own css / icons in the template. We just need to have an <i> with a class to target.

Or maybe there are other ways to prevent a remote server connection and still have nice looking icons?

I have the same problem!
Emojies are just a not-so-good working solution, on the other hand Google Material Font looks good but loading from an external source is problematic from a GDPR point of view.
I have it working on the test server, for now by modifying plugins/system/accessibility/src/Extension/Accessibility.php, i.e. adding 'img' => 'accessibility_new' and modifying the css.
I can't apply it to the production server because of GDPR!

[brianteeman]

This can be done but only with an upgrade of the 3rd party script used that provides the functionality of the plugin.

until I get a go ahead from the accessibility team I wont be spending the considerable amount of time to required to fix this. Last I heard they were going to remove the plugin so I wont waste my time without their go ahead

[teoberi]

If the plugin is removed, will there be a replacement?

[teoberi]

I hope the plugin won't be removed without a replacement!
The existing emojies solution is still functional.
It would be ideal if other fonts/icons could be loaded locally.
I don't use plugins or any other components that aren't included in Joomla!

[chmst]

Thanks for your input! The plugin is discussed and no decison is made until now. But it will not be removed without replacement.

[teoberi]

Good to know!
All the units in my sector of activity (in my region) were inspected and we were threatened with fines for the lack of accessibility tool.

[teoberi]

Are they trying to maintain the plugin and fix the problems?
https://github.com/ranbuch/accessibility/issues
The last two Pull requests come from someone on the Joomla team.

[chmst]

They are.

[teoberi]

Any news about updating the Accessibility plugin?

[chmst]

Unfortunately - no news. Due to lack of resources ...

[teoberi]

Maybe a solution will be found at least for the main icon!

[drmenzelit]

With CSS:
._access-icon {
background-color: #eebbc3 !important;
color: #232946 !important;
font-family: Arial !important;
font-size: 0 !important;
content: url(../../../../../images/universal-access-circle_1.png);
padding: 5px;
}

Example: https://www.dr-menzel-it.de/jd24nl/

[teoberi]

A small workaround!