Here is how you enable high contrast mode in Windows:
Unfortunately there is a bug in Firefox, which prevents borders from being rendered in high contrast mode: https://bugzilla.mozilla.org/show_bug.cgi?id=452800
In order to work around that bug my colleague Alexander Krauss came up with 2 step workaorund:
- check if the browser is in high contrast mode
- style with border:inset instead of regular borders
Style with border inset instead of regular borders
Now we can add special styles for high contrast mode to our style sheet. In this case we want to make sure the borders are visible. Since the above bug prevents regular borders we use inset borders instead.