Adding Accessibility Layers

Coming Soon ...

Accessibility Layers are visible and selectable from the user interface for color blindness, dyslexia, and motion sensitivity; however, the code generation part of the Theme Builder application does not yet support any of these layers.

Adding an Accessibility Layer to the User Interface

The Accessibility Layers are currently visible in the user interface because of the AccessibilityLayersButton component which uses the SDK's layers object. Therefore, in order to add a new Accessibility Layer to the user interface, simply add a new property to the SDK's layers object. Be sure to also add the new property to the properties array.

Adding support for an Accessibility Layer to the SDK

Both the CSS code generator and the JSON code generator must be enhanced in order to support each of the current accessibility layers: color blindness, dyslexia, and motion sensitivity. The same work is required for any additional code generators.

Exactly how an Accessibility Layer changes the generated code depends upon both the layer itself as well as the type of code that is being generated.

Coming soon are modifications to the CSS code generator and JSON generator to support the current accessibility layers.