Quickicon a11y blocks

[chmst]

For quickicons several issues and comments were open.

Summary of Changes

-> All Buttons now are list elements < li > -> If two buttons belong to the same component (list view and edit view), they are in a list < ul >. The screenreader NVDA seems to read this correct.

-> The text on Add-Buttons is now the verb "Add" instead of "New". -> From now on, the number can be switched off and on for all icons (also cache and checkin).

Every help for further improving accessibility of quickicons is highly appreciated.

[brianteeman]

Will try to take a look tomorrow

[chmst]

thx

[chmst]

@brianteeman would be great if you could have a look here.

You wrote that the code is completely broken, could you please define what is broken and what you think would be a solution?

[brianteeman]

I tried but got this error when running npm

Error: Undefined variable: "$quickicon-color-hover".
        on line 60 of administrator/templates/atum/scss/blocks/_quickicons.scss, in mixin `@content`
        from line 35 of media/vendor/bootstrap/scss/mixins/_hover.scss, in mixin `hover-focus-active`
        from line 58 of administrator/templates/atum/scss/blocks/_quickicons.scss
        from line 34 of administrator/templates/atum/scss/template.scss
>>           color: $quickicon-color-hover;
   -----------------^

Looks like you deleted the variable from administrator/templates/atum/scss/_variables.scss

[chmst]

Did you run npm build:css?

[brianteeman]

That is the error from npm

The problem is this commit https://github.com/joomla/backend-template/commit/ef27ec65b39f499e6b79470c103fe0699a9dd72a where you removed the variable definition but did not remove the use of the variable

[chmst]

Sorry, I need new glasses.

[brianteeman]

The site module gives a11y errors

Issue:

and
must only directly contain
1. , Githubissues.
2. Githubissues is a development platform for aggregating issues.