contrast

Examples

// Load an external CSS file containing color palette styling
var initializationOptions = {
    "config": {
        "configuration": {
            "contrast": "https://my.path.to.color.css"
        }
    }
};

// Manually provide a custom color palette
var initializationOptions = {
    "config": {
        "configuration": {
            "contrast": {
                "active": "Example_1",
                "custom_palettes": [{
                        "name": "Example_1",
                        "colors": {
                            "content-background": "#ffffff",
                            "content-color": "#000000",
                            "content-color-hover": "#cccccc"
                        }
                    },
                    {
                        "name": "Example_2",
                        "colors": {
                            // ...
                        }
                    },
                    // ...
                ]
            }
        }
    }
};

Values

Request object key config.configuration.contrast

This option can be initialized as one of the following types: object string.

• Type object
  • active string

    Contains the name of a palette to use as the active palette. This name will be used to find the palette settings inside the custom_palettes array.
  • custom_palettes array[AccessibilityPalette]

    An array of accessibility palette objects that defines multiple custom palettes. See the "Type definitions" section on this page for the AccessibilityPalette structure.
• Type string

  A valid URL to a custom CSS file containing the accessibility palettes. This accessibility scheme will be loaded by default.

Type definitions

Related articles

• Displaying and Configuring the Accessibility Panel in an Assessment
• The Assess API setAccessibility() method, which allows you to select a color palette.
• The Assess API addAccessibilityPalettes() method, which allows you to define new color palettes.