Accessibility - Color contrast of video controls
Hi everyone!
We carried out an audit to make our modules accessible. One result was that the icons in the video control bar are difficult to see when the following settings are saved as a preference in the browser:
- Font size 24px
- Fonts "Serif", "Sans Serif" and "Fixed width" replaced by clearly different fonts, checkbox "Allow pages to use their own fonts instead of the fonts selected above" deactivated, Minimum font size set to " one"
- Significantly different text, background and link colors, checkbox "Use system colors" deactivated, for selection list "Use colors selected above instead of page colors" value set to "Always"
Attached is a picture of how difficult the icons were to see with the preferences saved in the browser.
We used the light theme of the video control bar. Is there a way to design the icons in a way that they are always clearly visible and have sufficient contrast regardless of the settings that individual users have saved in their browsers?
Thanks in advance! :)
Side note: One solution suggested by the agency that carried out the audit was to set a background color for the icons or to give them a border. However, I have not yet seen that this is possible in Storyline.