Open Bug 1766846 Opened 2 years ago Updated 2 days ago

.NET Editor text is not highlighted when using system High Contrast Theme at docs.microsoft.com

Categories

(Web Compatibility :: Site Reports, defect, P3)

Desktop
Windows

Tracking

(Accessibility Severity:s2)

Accessibility Severity s2

People

(Reporter: rbucata, Unassigned, NeedInfo)

References

(Blocks 1 open bug, )

Details

(Keywords: access, webcompat:contact-ready)

Environment:
Operating system: Windows 10 x64 PRO
Firefox version: :Firefox Nightly 101.0a1 (2022-04-27) (64-bit)

Preconditions:
Set the High Contrast option to ON from Windows (shortcut: Left Alt+Left Shift+PrintScreen)

Steps to reproduce:

  1. Navigate to: https://docs.microsoft.com/en-us/learn/modules/csharp-write-first/2-exercise-hello-world.
  2. Input text into the .NET editor located in the right-hand side.
  3. Highlight the text from the editor (select with mouse or CTRL+A).
  4. Observe the result.

Expected behavior:
The text is highlighted.

Actual behavior:
The text is not highlighted.

Notes:

  1. Reproducible regardless of the status of ETP.
  2. Reproducible on the latest build of Firefox Nightly.
  3. Works as expected using Edge.
  4. Reproducible on other pages with a built-in .NET editor
Summary: .NET Editor text is not highlighted when using system High Contrast Theme docs.microsoft.com → .NET Editor text is not highlighted when using system High Contrast Theme at docs.microsoft.com
Component: Theme → Disability Access
Component: Disability Access → Layout
Keywords: access
Product: Firefox → Core
Whiteboard: [access-s2]
Severity: -- → S3
Priority: -- → P3

The severity field for this bug is set to S3. However, the accessibility severity is higher, [access-s2].
:dholbert, could you consider increasing the severity?

For more information, please visit auto_nag documentation.

Flags: needinfo?(dholbert)
Flags: needinfo?(dholbert)
Accessibility Severity: --- → s2
Whiteboard: [access-s2]
Version: Firefox 101 → Trunk

This is not a Gecko bug. It works in edge because:

@media screen and (-ms-high-contrast: active) {
  .monaco-editor.vs .selected-text, .monaco-editor.vs-dark .selected-text {
    background-color: highlight !important;
  }
}

If they used (forced-colors: active) instead, it'd work. It doesn't work in Chrome either.

So, we could:

  • Support -ms-high-contrast as an alias of forced-colors.
  • Close this bug as INVALID.
  • Move to the webcompat component and contact Microsoft to get their editor updated to use forced-colors instead of -ms-high-contrast.

Given Chrome doesn't support -ms-high-contrast either, I don't think we should do (1)...

Leaving a ni for myself to send an email to our mailing list.

Component: Layout → Site Reports
Flags: needinfo?(kberezina)
Product: Core → Web Compatibility
You need to log in before you can comment on or make changes to this bug.