High Contrast Compatibility

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

The MS Windows operating systems offers an accessibility feature called "High Contrast", which turns the entire system UI into a two colors environment. This can be controlled by the user, but usual we have "black on white" or "white on black". This feature is used by people with sight disabilities that makes it hard to identify contrast differences on object colors.

In High Contrast, all colors go away. Most of the applications UIs because just lines and boxes holding text labels or black and white icons.

To quickly enable High Contrast easily on Windows, just use SHIFT+ALT+PRINT-SCREEN. Do that now! Additional settings can be controlled in the Windows Control Panel.

CKEditor offers great support for High Contrast, limited to Firefox and Internet Explorer (other browsers don't support High Contrast). When enabled, the editor is rendered as clear lines and the toolbar buttons present text labels, instead of icon images.

Skin developers must take this in consideration and make the necessary CSS styling to support High Contrast. This can be easily done by using the .cke_hc class name, which is set at the outer element of the editor UI. Usage examples can be find in the Kama skin files.

This page was last edited on 26 July 2012, at 17:13.