Configuring the IEG Player for High Contrast Mode in the Universal Access UI
The IBM® Cúram Social Program Management user interface is a high contrast design by default. However, in the Universal Access user interface, the IEG Player supports a high contrast mode. To avail of the high contrast mode functionality, the high contrast user preference must be switched on.
For information about IEG that is specific to the IBM Universal Access Responsive Web Application, see Configuring IEG for the Universal Access Responsive Web Application.
To support the high contrast mode feature, several configuration properties allow various aspects of the high contrast look and feel to be configured. You must add the properties into any custom IEG script configuration property files that are currently being used if a high contrast mode is required in the IEG Player in the Universal Access user interface. The Universal Access interface is also known as external mode.
The properties are set in the configuration file that is associated with the script, and by default in ieg-config.properties. The following table lists all the properties:
| Property | Description |
|---|---|
| sectionspanel.external.hc.current | The high contrast icon for the currently selected section in the sections panel. |
| sectionspanel.external.hc.disabled | The high contrast icon for the disabled sections in the sections panel. |
| sectionspanel.external.hc.enabled | The high contrast icon for the enabled sections in the sections panel. |
| sectionspanel.external.hc.enabled.roll | The high contrast roll-over icon for the enabled sections in the sections panel. |
| sectionspanel.external.hc.disabled.color | The high contrast color of the text on disabled sections in the sections panel. |
| sectionspanel.external.hc.enabled.background.color | The high contrast color of the background on enabled sections in the sections panel. |
| pagetitle.external.hc.font.color | The high contrast font color for the page title panel. |
| cluster.external.title.hc.color | The high contrast text color of cluster titles. |
| messages.external.panel.error.icon.hc | The high contrast error icon used in the validations panel. |
| help.panel.color.external.hc | The high contrast color of text in the expanded help panel. |
| help.panel.heading.color.external.hc | The high contrast color of text used for the heading in help modal dialogs. |
| dialog.help.close.external.hc | The high contrast image used for the link that closes help modal dialogs. |
| list.external.link.add.image.open.hc | The high contrast icon used for the add link. |
| list.external.link.add.image.roll.hc | The high contrast roll-over icon used for the add link. |
| matrix.selected.external.hc | The high contrast question matrix summary icon used for a selected item. |
| matrix.unselected.external.hc | The high contrast question matrix summary icon used for an unselected item. |