RE: Problems changing color

Hi Wayne, I have a good idea of what is going on.  They have a div that is not an ancestor of that heading text.  That div however overlays on top of the text it has a semi-transparency with no color set.  I figured this out because I could not select the text and went looking for an overlay div.  When you set the background to black you then have a black object with no transparency over top of the other page content.  The overlay div has no text in it or as a descendant.

The problematic div is here <div class="repo-file-upload-outline"></div>
and if you remove it the text should come back.  However, it’s complicated further because they then use a custom element name.  Backgrounds are not inherited and you don’t set that custom name to black you end up with black text on white still.

To answer Ann’s questions – Wayne is trying to overwrite the colors as a user with custom stylesheets.

Jonathan

Jonathan Avila, CPWA
Chief Accessibility Officer
Level Access
jon.avila@levelaccess.com
703.637.8957 office

Visit us online:
Website<http://www.levelaccess.com/> | Twitter<https://twitter.com/LevelAccessA11y> | Facebook<https://www.facebook.com/LevelAccessA11y/> | LinkedIn<https://www.linkedin.com/company/level-access> | Blog<http://www.levelaccess.com/blog/>

Looking to boost your accessibility knowledge? Check out our free webinars!<https://www.levelaccess.com/compliance-resources/webinars/>

The information contained in this transmission may be attorney privileged and/or confidential information intended for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any use, dissemination, distribution or copying of this communication is strictly prohibited.

From: Wayne Dick <wayneedick@gmail.com>
Sent: Saturday, January 19, 2019 3:02 PM
To: W3C WAI ig <w3c-wai-ig@w3.org>
Subject: Problems changing color

CAUTION: This email originated from outside of the organization. Do not click links or open attachments unless you recognize the sender and know the content is safe.

Hello All,
I need help.

Note: I have reduced this style question to only the problematic lines. This is not an entire stylesheet.

When I try to change color the attached page loses functionality.

The style is simple:
div {
background-color: black !important;
color: white !important;}

the site is:https://github.com/WayneEDick/NttPAdapt/upload/master/newN2tP,

but it works on any gitHub repository on the upload page.

Not this upload widget is not just GitHub. Many sites have it.

What cause this problem?

Best, Wayne