MicrosoftEdge / MicrosoftEdge/MSEdgeExplainers
Improper contrast in remote debugging
Nobody has claimed this yet.
- Dominant language
- HTML
- Stars
- 1.4k
- Forks
- 286
- Avg merge
- 3d 1h
- Merged PRs (30d)
- 8
Description
In remote debugging , when I hover over any element to see it's pixel size, I cannot, because the pixel size is in white, whereas the background color of the tooltip is yellow. While the class names are more easy to make out, but it is still yellow-upon-yellow. It interferes with the developer's ability to quickly iterate through possible responsive choices.
PS:
Not sure if this was the right place to post this issue, but I did because:
- I was not sure if it is a chromium issue, because Chrome would not even detect the remote device.
- 'Send Feedback' feature of MS Edge does not allow me to post custom screenshots, like the one below.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the remote-debugging hover tooltip shown in the attached screenshot and inspect the pixel-size and class-name text against its yellow background. Done means both values have sufficient contrast to be read quickly during responsive debugging.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- devtools
- Domain
- accessibility, devtools
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100