Techniques for WCAG 2.0

Skip to Content (Press Enter)

-

G156: Using a technology that has commonly-available user agents that can change the foreground and background of blocks of text

Important Information about Techniques

See Success Criterion 1.4.3 (Contrast (Minimum))

  • Success Criterion 1.4.6 (Contrast (Enhanced))
  • Success Criterion 1.4.8 (Visual Presentation)
  • User Agent and Assistive Technology Support Notes

    See User Agent Support Notes for G156.

    Description

    Some people with cognitive disabilities require specific color combinations of foreground text and background to help them successfully understand the contents of the Web page. Most popular browsers provide the option to change colors settings globally within the browser. In this case the colors selected by the user override the foreground and background colors specified by the Web author.

    In order to meet this success criteria, the Web author would design the page so that it works with browsers that have these controls, and the author does not override these controls.

    Note that overriding the foreground and background colors of all text on a page may hide visual clues to the grouping and organization of the Web page, making it much more difficult to understand and use. This technique may not be appropriate when background colors are used to delineate areas of the page. This technique may be appropriate for technologies and user agents that do not alter border colors when background colors are overridden. If background colors are used to delineate areas of the page, "C23: Specifying text and background colors of secondary content such as banners, features and navigation in CSS while not specifying text and background colors of the main content (CSS) " may be used to permit the user to control the colors of the main text while retaining the visual structure of the Web page.

    Examples

    Resources

    No resources available for this technique.

    Tests

    Procedure

    1. Open the Web page in a browser that allows users to change colors of HTML content.

    2. Change the foreground and background colors in the browser settings so they are different than those specified in the content.

    3. Return to the page and check that that the new specified foreground text and background colors in the browser override the colors specified in the content.

    Expected Results

    If this is a sufficient technique for a success criterion, failing this test procedure does not necessarily mean that the success criterion has not been satisfied in some other way, only that this technique has not been successfully implemented and can not be used to claim conformance.

    Follow Lee on X/Twitter - Father, Husband, Serial builder creating AI, crypto, games & web tools. We are friends :) AI Will Come To Life!

    Check out: eBank.nz (Art Generator) | Netwrck.com (AI Tools) | Text-Generator.io (AI API) | BitBank.nz (Crypto AI) | ReadingTime (Kids Reading) | RewordGame | BigMultiplayerChess | WebFiddle | How.nz | Helix AI Assistant