Stack Overflow
Stack Overflow

Questions tagged [high-contrast]

Use this tag for questions about high contrast scenarios in software, web development, browser extensions, etc. High contrast content benefits people with various visual impairments as well as users with normal vision under variable lighting conditions.

High contrast design and content make an application or website usable by people with certain visual impairments. High contrast may also be beneficial for the battery life of one's device and preventing eye strain. Further explanation for reasons to use high contrast mode.

Contrast standards are codified by the Web Content Accessibility Guidelines (WCAG) under Success Criterion 1.4.11: Non-text Contrast and Success Criterion 1.4.6 Contrast (Enhanced).

73 questions
2
votes
0 answers

Emulating Windows High Contrast Mode (forced-colors: dark) on a site

I've noticed that Chrome has the ability to activate an emulation of forced-colors: dark (aka Windows High Contrast Mode). I'd like to add a button to enable high contrast mode to a site, so users can do so rapidly if they choose to. So far the best…
nagumi
  • 33
  • 5
2
votes
1 answer

How to increase comments contrast in jupyter notebook dark themes?

How do I make comments contrast more with the dark background? I am curious about customizing dark themes in jupyter notebooks. I installed jupyter themes with the jupyter-themes package: conda install -c conda-forge jupyterthemes The available…
CodeSamurai-like
  • 371
  • 3
  • 6
2
votes
1 answer

SVG set to fill currentColor but doesn't update in high contrast mode

I have a couple in-line SVGs on my webpage. Here's an example of one: svg { fill: currentColor; }
Riverglow
  • 21
  • 1
2
votes
2 answers

Overwrite custom default color settings of browser

I want to make a website more accessible by considering user with high contrast mode (or maybe just dark mode). Now I have a problem with custom radio buttons which are just HTML elements that have a round border: when the user has set the default…
CountDocu
  • 21
  • 5
2
votes
1 answer

How to get Chrome to respond to Windows 10 high contrast mode using javascript/typescript in a React app

I'm looking for a simple way to detect if the user's system is in high contrast mode or not using javascript/typescript within a react app. Is there a public method available in a library somewhere? These stackoverflow posts don't give me what I'm…
springathing
  • 425
  • 3
  • 8
  • 28
2
votes
1 answer

Use qualifiers in image file names does not work in UWP runtime

I was trying to change image for Theme/HighContrast change in UWP app. I followed the link: tailor-resources But it is not working when I change theme while app is running. It works after app restarting. I followed folder name qualifiers & file name…
Abu Raihan
  • 87
  • 8
2
votes
1 answer

Built in "High Contrast" mode for websites to meet accessibility standards?

I've been working on a few websites that have beautiful color palettes but do not provide high enough contrast between text and background for accessibility. I love to make sites usable for everyone, but as a designer, I feel bummed that so many…
Sienna Scheid
  • 21
  • 2
2
votes
0 answers

How to detect the color information of theme when the windows high contrast mode is on

I am using the following code to detect Windows high contrast mode. I want to switch the image of the JButton to support high contrast when they are using a different theme such as black on white or white on black. Toolkit toolkit =…
anguspcw
  • 306
  • 2
  • 18
2
votes
1 answer

Preventing high-contrast mode in Edge from adding background to text

I'm working to adjust some components so that they all function and look good in high-contrast mode. Edge seems to be adding a black background under all text that IE11 does not add. I can't seem to find a way to target this background in CSS, or…
Kris
  • 539
  • 1
  • 4
  • 16
2
votes
0 answers

Edge browser : High contrast accessibility : text background is not coming same as div background

I am working on high contrast accessibility. I am facing a weird issue here. In the normal mode text is taking same background color as parent's background-color (for example DIV) but in high contrast mode text background is coming black though…
alok_dida
  • 1,723
  • 2
  • 17
  • 36
2
votes
1 answer

Powershell ISE Editor in Windows High Contrast Theme

I've recently started using powershell ISE and realized that the ISE's themes for text editor and console don't work when windows is set to any High Contrast theme. So basically for ISE the background is BLACK and all the text is WHITE, that's it.…
Light
  • 21
  • 3
2
votes
0 answers

How to set fontcolor with toggle button in high contrast wpf

In my app, when the toggle button is checked, I set a color for Foreground like this:
James
  • 2,570
  • 7
  • 34
  • 57
2
votes
0 answers

Programmatic override of high contrast color via Javascript

In short, can it be done? What I'm seeing is that in any high contrast mode, any mouseover/hover event over an html5 button results in no color change (no indication that you've "caught" the button, and that a mouse click will actually activate…
Pete E.
  • 163
  • 2
  • 7
2
votes
3 answers

How do I detect if a display is in High Contrast mode?

I'm testing my company's established Swing application for accessibility issues. With high contrast mode enabled on my PC certain parts of this application are rendered properly (white-on-black) and some incorrectly (black-on-white). The bits that…
banjollity
  • 4,490
  • 2
  • 29
  • 32
1
vote
1 answer

How to make standart WS_VSCROLL scrollbar style same as other scrollbars in the system?

I'm using high contrast theme for darkmode in Windows 10. I'm trying to create a window with scrolling functionality on pure low level API, no external libraries. However, the style of the default scroll bar is vastly different to all the other…
ScienceDiscoverer
  • 205
  • 1
  • 3
  • 13
1
2
3 4 5