WebAccessibility

[andre-dietrich]

There are still some points that need to be optimized in terms of Accessibility:

• Quizzes
• Surveys
• Presentations with updated elements
• Colors, at least in light-mode
• Menues
• Todo-Lists
• Console output
• ...

[KoKoKotlin]

Colors: Increase contrast of results of quizzes

[pwab]

I'm not able to check for a11y with webaccessibility.com or WAVE because they seem to only check the loading screen. At least the first checker has a tool which can be integrated into firefox as a plugin which then allows to analyze the course. But I wasn't able to export the findings yet.

Here is the view of the liascript docs analized by Checka11y.css:

[andre-dietrich]

Thank you for the link. Quizzes at least should work fine with screen-reader. When we got the designs, we were not aware of the fact that accessibility is such a big thing and so important. That is why some color - contrast ratios might fail, but the plan so far is to add another theme, which is optimized for visibility also makes use of all accessibility feature in echarts or the applied code-editor ...

@pwab by the way, which browser do you use? Since the unicode-symbols in the table of contents appear darker than in my firefox and chrome ...

[pwab]

I'll gladly help testing a11y stuff. Just give a ping if you think the styling is ready for a checkup.

by the way, which browser do you use? Since the unicode-symbols in the table of contents appear darker than in my firefox and chrome ...

Firefox Developer Edition 93.0b5 (64-Bit) (on Win 10)
I could test with other browsers/systems if you whish.

[andre-dietrich]

probably on chrome ... if this is an Windows related issue, or if we have to look to CSS again 🙈

This is how it looks like on Linux...

[pwab]

Hope this helps (Windows 10 - I'll try on Linux Mint later):

By the way:
What does that symbol mean?

[andre-dietrich]

Thank you, that clarifies a lot... I mean the star-symbol... I was not aware of the fact, that it is rendered so differently on Windows ...

• Windows:

  

• Linux: