Home

Text contrast ratio of URL tooltip is too low (screenshot included)

%3CLINGO-SUB%20id%3D%22lingo-sub-823761%22%20slang%3D%22en-US%22%3EText%20contrast%20ratio%20of%20URL%20tooltip%20is%20too%20low%20(screenshot%20included)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-823761%22%20slang%3D%22en-US%22%3E%3CP%3EWhen%20in%20dark%20mode%2C%20the%20text%20contrast%20ratio%20of%20the%20URL%20hover%20tooltip%20is%20too%20low!%20I%20have%20great%20vision%20and%20this%20is%20still%20bad%2C%20so%20it%20must%20be%20really%20bad%20for%20most%20users.%20Attached%20is%20screenshot%20comparing%20Chromium%20Edge%20(top)%20vs%20old%20Edge%20(bottom).%20Please%20fix%20this!%20It's%20quite%20bad%20%3A(%3C%2Fimg%3E%20%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20415px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F128636iDDFAE39C970BF75E%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22urltooltipcontrastratio.png%22%20title%3D%22urltooltipcontrastratio.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-823768%22%20slang%3D%22en-US%22%3ERe%3A%20Text%20contrast%20ratio%20of%20URL%20tooltip%20is%20too%20low%20(screenshot%20included)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-823768%22%20slang%3D%22en-US%22%3EJust%20to%20be%20clear%2C%20this%20tooltip%20appears%20in%20the%20bottom-left%20corner%20of%20the%20browser%20when%20you%20hover%20your%20cursor%20over%20a%20link%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-824219%22%20slang%3D%22en-US%22%3ERe%3A%20Text%20contrast%20ratio%20of%20URL%20tooltip%20is%20too%20low%20(screenshot%20included)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-824219%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F318719%22%20target%3D%22_blank%22%3E%40Bdsrev%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20find%20it%20quite%20distracting%20in%20the%20old%20Edge.%20that%20tool%20tip%20at%20the%20bottom%20left%20corner%20is%20bigger%20and%20brighter%2C%20also%20there%20is%20a%20space%20between%20the%20tool%20tip%20and%20the%20bottom%20of%20the%20browser%20window.%20it%20even%20gets%20worse%20when%20i%20move%20my%20mouse%20pointer%20over%20many%20links%20quickly.%3C%2FP%3E%3CP%3Ein%20the%20new%20Edge%20insider%2C%20it%20looks%20much%20better%20and%20it%20kinda%20blends%20in%20so%20that%20whoever%20needs%20to%20see%20that%20text%20should%20focus%20on%20it%2C%20and%20it's%20good%20in%20my%20opinion%20because%20it's%20not%20a%20part%20of%20the%20main%20web%20content.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20441px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F128687i751C1B51C619E3B3%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Annotation%202019-08-27%20134044.png%22%20title%3D%22Annotation%202019-08-27%20134044.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-825557%22%20slang%3D%22en-US%22%3ERe%3A%20Text%20contrast%20ratio%20of%20URL%20tooltip%20is%20too%20low%20(screenshot%20included)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-825557%22%20slang%3D%22en-US%22%3EGoogle's%20UI%20people%20are%20the%20ones%20that%20decided%20to%20use%20such%20a%20low%20text%20contrast%20ratio%2C%20Microsoft%20rightly%20uses%20a%20much%20higher%20text%20contrast%20ratio%20in%20their%20tooltips%2C%20so%20my%20request%20is%20basically%20for%20Microsoft%20to%20use%20their%20better%2C%20more%20reasonable%20text%20contrast%20ratio%20here%2C%20especially%20when%20you%20consider%20how%20small%20the%20size%20of%20the%20text%20is%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-849788%22%20slang%3D%22en-US%22%3ERe%3A%20Text%20contrast%20ratio%20of%20URL%20tooltip%20is%20too%20low%20(screenshot%20included)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-849788%22%20slang%3D%22en-US%22%3Ebumping%20this%20in%20case%20Edge%20team%20didn't%20see%20it%3C%2FLINGO-BODY%3E
Bdsrev
Contributor

When in dark mode, the text contrast ratio of the URL hover tooltip is too low! I have great vision and this is still bad, so it must be really bad for most users. Attached is screenshot comparing Chromium Edge (top) vs old Edge (bottom). Please fix this! It's quite bad :( urltooltipcontrastratio.png

4 Replies
Just to be clear, this tooltip appears in the bottom-left corner of the browser when you hover your cursor over a link

@Bdsrev 

I find it quite distracting in the old Edge. that tool tip at the bottom left corner is bigger and brighter, also there is a space between the tool tip and the bottom of the browser window. it even gets worse when i move my mouse pointer over many links quickly.

in the new Edge insider, it looks much better and it kinda blends in so that whoever needs to see that text should focus on it, and it's good in my opinion because it's not a part of the main web content.

 

Annotation 2019-08-27 134044.png

 

Google's UI people are the ones that decided to use such a low text contrast ratio, Microsoft rightly uses a much higher text contrast ratio in their tooltips, so my request is basically for Microsoft to use their better, more reasonable text contrast ratio here, especially when you consider how small the size of the text is
bumping this in case Edge team didn't see it
Related Conversations