Tech Hunt

High Contrast Mode:
Most of the operating systems supports a way to use high contrast. High contrast mode which enables a user to view the screen with high contrast colors and bigger font size. Enabling high contrast mode in most of the cases makes difficult to access web pages for the user if not properly designed.
High contrast mode uses two colors mainly black and white as foreground and background color. This can be customize. High contrast mode removes all the background images which results in unaccessible web page. Simple solution to this problem is not to use background images instead use only image elements. this will result into performance issue. However, you can turn off images in high contrast mode and if the alt text are used properly then user will be able to see the information correctly.
How to Detect High Contrast Mode:
High contrast mode removes the background images, this fact can be used in detecting high contrast mode. A div can be added to the page with a small transparent image as background image like <div style=”background-image:dot.gif” />. Check for the existence of background images, if its not present then high contrast mode is enabled. Detecting high contrast mode can help in solving the problem related to it.