Accessible Moodle (implementation guide)
The implementation aid Moodle barrier-free serves as support for the Moodle barrier-free checklist. The order of the aspects and the structure according to categories are the same.
Under the heading "What is meant by this? " you will find a detailed description of the aspect to be ticked off. The section "Why is it important?" describes which barriers you are removing with the respective aspect and for which groups of people this is essential. Finally, under the heading "How can I implement/check this?" you will find detailed instructions on how to implement or check the respective aspect.
6. Graphic
6.3. Information-carrying elements
Graphic information-bearing elements (e.g. lines, adjacent areas) have a minimum contrast of 3:1 to the background.
What is meant by this?
Graphic information-bearing elements include lines or areas that are used to delimit and/or differentiate information. These should always have a sufficient contrast ratio to the background and the text.
Why is it important?
For recipients with visual impairments, sufficient contrast between graphic elements and the background can be crucial in order to recognize them. Insufficient contrast makes perception more difficult and can lead to misinterpretation. It is therefore important that graphic elements such as images or buttons have a sufficient minimum contrast.
Sufficient contrast not only makes it easier for recipients with visual impairments to perceive content. Recipients who work in an environment with poor lighting conditions, have a printout in black and white or are watching a presentation via a projector also benefit from a high contrast ratio. Sufficient contrast ensures that the content is clearly and distinctly recognizable, making it easier to absorb and process information.
How can I implement/check it?
You can use various online tools or programs to check contrasts. These often contain "color contrast" in their name. You can use these tools to check the selected foreground color in comparison to the selected background color. If the contrast is not high enough, adjust the colors according to the recommendations.