![]() Technical guidance is available for implementing this Success Criterion at the Understanding Success Criterion 1.4.11: Non-text Contrast page. Note: This does not apply to logos, flags, photography, sensory screenshot to demonstrate how something appears, diagrams of medical information that use the colors found in biology, or color gradients that represent a measurement, such as heat maps. In some instances it may be preferable to separate adjacent colors with white space or borders to meet the 3:1 ratio. When insufficient contrast issues are found, adjust colors to meet a minimum of 3:1 ratio. Using contrast analyzers, test adjacent colors for non-text informational elements such as charts, graphs, form fields, and active controls throughout the site or application to ensure a contrast ratio of at least 3:1. Accessibility within Canvas document Creating Accessible. So that I can easily find the volume, stop, and play buttons.Įnsure that all active controls, form fields, graphs, charts, and other informational non-text elements have a minimum 3:1 contrast ratio with the adjacent colors. Colour Contrast Analyser from The Paciello Group WebAIM Color Contrast Checker. To check the color contrast in your course site, do the following: Download and install Colour Contrast Analyser (by Paciello Group) opens a new window. I want sufficient contrast of the video player controls I want to be able to distinguish between each slice of a multicolored pie chartĪs a person who gets eye fatigue while watching videos on my computer, The Paciello Group Tags: colour-contrast-analyser CCAe wcag visual-elements. This contrast requirement for non-text elements enables users to perceive interface controls and interpret data on charts and graphs that may be missed due to low contrast issues.Īs a person with low vision studying economics, This benefits people with moderately low vision who find it difficult to distinguish between colors. ![]() buttons), form fields, and meaningful graphics to meet a 3:1 contrast ratio. Non-text contrast requires visual information on user interface controls (e.g. ![]() This success criterion builds upon 1.4.3 Contrast which requires proper contrast for text and images of text. Is there sufficient contrast between adjacent colors for active controls, graphs, charts, form fields, and other informational non-text elements in your site or application? ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |