![]() ![]() Next click the dropper tool in the ‘Background colour’ section and get as close to the text as possible.On the CCA tool, click the dropper tool in the ‘Foreground colour’ section and select your text.Note: You do not need to edit the page, it’s probably better to just view the page. Note: You will want to select multiple areas of the image to make sure the color contrast ratio passes for those areas. ![]() Image and text color combination must pass color contrast ratio.Note: You can also tweak the background color, but that will require that you also reoptimize your image so that it is darker If your color contrast ratio fails, you can increase your text color darkness until it passes by selecting the slider icon in the ‘Foreground’ box and selecting the ‘HSL’ tab > ‘Lightness’.When it comes to color contrast we try to pass level AAA, but if it is too difficult for you to get level AAA with your image and text combination then passing level AA is required.Note: You can expand each dropdown to read the corresponding guideline Below the ‘WCAG 2.1 results’ header are three dropdowns telling you if you have passed the required color contrast guideline.You will see your color contrast ratio near the bottom in the ‘WCAG 2.1 results’ section.Focus on areas that may be obviously failing color contrast ratio, for example a light background color on white text color. If you are unable to get your color contrast ratio to pass after tweaking your text color (and background color if you choose to), then you will need to change your text color and image combination. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |