Open Bug 1766846 Opened 4 years ago Updated 1 month 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, Webcompat Priority:P3, Webcompat Score:1)

Accessibility Severity s2
Webcompat Priority P3
Webcompat Score 1

People

(Reporter: rbucata, Unassigned, NeedInfo)

References

(Blocks 1 open bug, )

Details

(Keywords: access, webcompat:contact-ready, webcompat:site-report, Whiteboard: [autowebcompat:processed][autowebcompat:repro-failed])

User Story

platform:windows
impact:significant-visual
configuration:common
affects:all
branch:release
diagnosis-team:layout
user-impact-score:7
autowebcompat-repro-status:failed
autowebcompat-repro-reason:not_reproducible
autowebcompat-repro-report-os:windows

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
Duplicate of this bug: 1766847
Severity: S3 → S4
User Story: (updated)
Priority: P3 → P2
Webcompat Priority: --- → P3
Webcompat Score: --- → 1
User Story: (updated)
Priority: P2 → P3
Whiteboard: [autowebcompat:processed]
User Story: (updated)
Whiteboard: [autowebcompat:processed] → [autowebcompat:processed][autowebcompat:repro-failed]
You need to log in before you can comment on or make changes to this bug.