Feature Language Change NPM Resource Changed PR-5.1-dev PR-5.2-dev Pending

User tests: Successful: Unsuccessful:

avatar brianteeman
brianteeman
24 Mar 2024

Updated to v6
adds some new functions

  • update to latest library
  • increase/decrease line height (disable until/if fixed upstream)
  • disable animations (NEW)
  • default emoji icon no longer skewed
  • link to optional accessibility statement (NEW)
  • dark mode
  • Angie icon set (https://github.com/angieradtke/Accessibility-plugin-icons)
  • Auto(partial)hide icon and expand on focus
  • extract css to external file to allow greater customisation
  • add position option
  • add custom function to use open dyslexie font leave for another day
  • translate "hotkey"

Still to do

Working with upstream to resolve multiple bugs

Testing Instructions

Actual result BEFORE applying this Pull Request

Expected result AFTER applying this Pull Request

Link to documentations

Please select:

  • Documentation link for docs.joomla.org:

  • No documentation changes for docs.joomla.org needed

  • Pull Request link for manual.joomla.org:

  • No documentation changes for manual.joomla.org needed

avatar brianteeman brianteeman - open - 24 Mar 2024
avatar brianteeman brianteeman - change - 24 Mar 2024
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 24 Mar 2024
Category Administration Language & Strings JavaScript Repository NPM Change Front End Plugins
avatar brianteeman brianteeman - change - 24 Mar 2024
The description was changed
avatar brianteeman brianteeman - edited - 24 Mar 2024
avatar brianteeman brianteeman - change - 25 Mar 2024
The description was changed
avatar brianteeman brianteeman - edited - 25 Mar 2024
avatar brianteeman brianteeman - change - 26 Mar 2024
Labels Added: Language Change NPM Resource Changed PR-5.1-dev
avatar brianteeman brianteeman - change - 26 Mar 2024
The description was changed
avatar brianteeman brianteeman - edited - 26 Mar 2024
avatar brianteeman brianteeman - change - 26 Mar 2024
The description was changed
avatar brianteeman brianteeman - edited - 26 Mar 2024
avatar brianteeman brianteeman - change - 26 Mar 2024
The description was changed
avatar brianteeman brianteeman - edited - 26 Mar 2024
avatar brianteeman brianteeman - change - 28 Mar 2024
The description was changed
avatar brianteeman brianteeman - edited - 28 Mar 2024
avatar brianteeman brianteeman - change - 29 Mar 2024
The description was changed
avatar brianteeman brianteeman - edited - 29 Mar 2024
avatar brianteeman brianteeman - change - 29 Mar 2024
The description was changed
avatar brianteeman brianteeman - edited - 29 Mar 2024
840e0cb 29 Mar 2024 avatar brianteeman temp
avatar brianteeman brianteeman - change - 30 Mar 2024
The description was changed
avatar brianteeman brianteeman - edited - 30 Mar 2024
avatar Quy
Quy - comment - 7 Apr 2024

Can you please add #39102 to the to-do list?

avatar brianteeman brianteeman - change - 7 Apr 2024
The description was changed
avatar brianteeman brianteeman - edited - 7 Apr 2024
avatar brianteeman brianteeman - change - 7 Apr 2024
The description was changed
avatar brianteeman brianteeman - edited - 7 Apr 2024
avatar brianteeman brianteeman - change - 7 Apr 2024
The description was changed
avatar brianteeman brianteeman - edited - 7 Apr 2024
avatar HLeithner
HLeithner - comment - 24 Apr 2024

This pull request has been automatically rebased to 5.2-dev.

avatar HLeithner HLeithner - change - 24 Apr 2024
Title
wip Update accessibility toolbar
[5.2] wip Update accessibility toolbar
avatar HLeithner HLeithner - edited - 24 Apr 2024
avatar brianteeman
brianteeman - comment - 9 May 2024

@Fedik One of the issues with this script that I would like to resolve is that there are a lot of advanced customisations that can be made via js or css. Creating a UI for this would be overkill as they are typically advanced use cases.

My thought process is that the plugin can have two additional fields for the user to enter advanced jss and css.

An example might be entering the following to the js field


instance.menuInterface.increaseText = function() {

// My own way to increase text size . . .

}

My question therefore is what would be the correct way to output/use the contents of these two advanced fields.

avatar brianteeman brianteeman - change - 9 May 2024
Labels Added: Feature PR-5.2-dev
c98a536 9 May 2024 avatar brianteeman cs
avatar Fedik
Fedik - comment - 9 May 2024

That could work, but that a very bad idea ?

What you could try, is to add "important options" (from your point of view) to the plugin parameters.
And then move this code

->addInlineScript(
'window.addEventListener("load", function() {'
. 'new Accessibility(Joomla.getOptions("accessibility-options") || {});'
. '});',
['name' => 'inline.plg.system.accessibility'],
['type' => 'module'],
['accessibility']

to own file (asset) media/plg_system_accessibility/js/accessibility-config.js
Then Advanced Users can override it with template override, when they need something "advanced".

And for css it can be part of user.css (or something kind of accessibility-user.css).

avatar brianteeman
brianteeman - comment - 9 May 2024

Before I comment on why I dont want to do it the way that you suggest can you explain why it is a bad idea. I wont learn anything otherwise.

avatar Fedik
Fedik - comment - 9 May 2024

Allowing User to insert JS in backed, is kind of the same as allowing User insert PHP in backend.
We cannot control that code, and what they put in there.
Integrate this code with existing plugin parameters will be close to impossible.

Addittionaly it can create a potential security problem.

avatar brianteeman
brianteeman - comment - 9 May 2024

Allowing User to insert JS in backed, is kind of the same as allowing User insert PHP in backend.

Doh - silly me

avatar brianteeman
brianteeman - comment - 6 Jun 2024

Since I started this PR upstream has completely changed (again)

It is now possible to create our own ui for the toolbar instead of the hacky solutions that were previously available

See the Custom Styling section https://ranbuch.github.io/accessibility/site/

avatar brianteeman
brianteeman - comment - 12 Jun 2024

Note: The icons from Angie will need to be adjusted if we want to use them as an icon font (doesnt support multiple colors/shades) although I guess if the latest upstream changes are used to create our own UI for the toolbar then svg could be used

avatar brianteeman brianteeman - change - 13 Jun 2024
The description was changed
avatar brianteeman brianteeman - edited - 13 Jun 2024
avatar joomla-cms-bot joomla-cms-bot - change - 13 Jun 2024
Category Administration Language & Strings JavaScript Repository NPM Change Front End Plugins Administration Language & Strings JavaScript Repository NPM Change
avatar brianteeman brianteeman - change - 13 Jun 2024
The description was changed
avatar brianteeman brianteeman - edited - 13 Jun 2024
avatar brianteeman brianteeman - edited - 13 Jun 2024
avatar brianteeman brianteeman - change - 13 Jun 2024
The description was changed
avatar brianteeman brianteeman - edited - 13 Jun 2024
avatar brianteeman brianteeman - change - 13 Jun 2024
The description was changed
avatar brianteeman brianteeman - edited - 13 Jun 2024
avatar brianteeman brianteeman - change - 13 Jun 2024
The description was changed
avatar brianteeman brianteeman - edited - 13 Jun 2024
avatar brianteeman brianteeman - change - 13 Jun 2024
The description was changed
avatar brianteeman brianteeman - edited - 13 Jun 2024
avatar brianteeman brianteeman - change - 13 Jun 2024
The description was changed
avatar brianteeman brianteeman - edited - 13 Jun 2024
avatar brianteeman brianteeman - change - 13 Jun 2024
The description was changed
avatar brianteeman brianteeman - edited - 13 Jun 2024
0739aab 14 Jun 2024 avatar brianteeman route
avatar drmenzelit
drmenzelit - comment - 14 Jun 2024

Doing some tests today. The hotkeys work for me, but ctrl+alt+q (animations) in Chrome but not in Firefox
ctrl+alt+r activate the reading guide an opens something from my graphic card too, but that is something specific from my PC

avatar brianteeman
brianteeman - comment - 14 Jun 2024

yeah the hotkeys are weird. No idea what to do there

eddf86a 14 Jun 2024 avatar brianteeman root
avatar drmenzelit
drmenzelit - comment - 14 Jun 2024

grafik
grafik

IBM Equal Access Accessibility Checker and in the Firefox Accessibility tab I get some errors / things to review... can we do something here?

avatar brianteeman
brianteeman - comment - 14 Jun 2024

As you said you didnt want to create our own ui these are both upstream issues to resolve.

avatar brianteeman brianteeman - change - 19 Jun 2024
The description was changed
avatar brianteeman brianteeman - edited - 19 Jun 2024
avatar brianteeman brianteeman - change - 27 Jun 2024
Status Pending Closed
Closed_Date 0000-00-00 00:00:00 2024-06-27 05:23:16
Closed_By brianteeman
avatar brianteeman brianteeman - close - 27 Jun 2024
avatar brianteeman
brianteeman - comment - 7 May 2025

i think it is probably better to use the fontawesome web asset than the icons generated by angie

avatar chmst
chmst - comment - 7 May 2025

My vision is fontawesome icons as default but an option for custom icons.

avatar brianteeman
brianteeman - comment - 7 May 2025

dont be confused with the icons for the toolbar actions and the icon for the button

avatar LadySolveig
LadySolveig - comment - 13 May 2025

Just for reference, I have submitted a PR upstream for the tabindex issue ranbuch/accessibility#87 PR ranbuch/accessibility#86

avatar brianteeman
brianteeman - comment - 13 May 2025

I gave up looking at this due to the complete lack of any communication from the accessibility team

avatar LadySolveig
LadySolveig - comment - 14 May 2025

@brianteeman would you mind reopening this PR? So that hopefully we can bring the new version into 5.4

avatar brianteeman
brianteeman - comment - 14 May 2025

It cant be re-opened as the 5.2-dev branch has been deleted here so github wont let me.

While I was working on it I discovered loads of bugs which he fixed but it really requires a rewrite of the plugin to be able to use the icons the way we want to. The implementation that ranbuch did for non-material icons is a pia

avatar LadySolveig
LadySolveig - comment - 14 May 2025

Do you want to open a new one or should I do it? Would really like to work with you on this.

avatar brianteeman
brianteeman - comment - 14 May 2025

I gave up looking at this due to the complete lack of any communication from the accessibility team

Do as you wish. I won't waste any more if my time on it as the accessibility team clearly are not interested

avatar LadySolveig
LadySolveig - comment - 14 May 2025

Thank you, then I am pleased to build on the work you have already done.

Add a Comment

Login with GitHub to post a comment