- From: Wayne Dick <wayneedick@gmail.com>
- Date: Mon, 21 Jan 2019 10:57:19 -0800
- To: Jonathan Avila <jon.avila@levelaccess.com>
- Cc: W3C WAI ig <w3c-wai-ig@w3.org>
- Message-ID: <CAJeQ8SDWMqxcB4Uip9aqmsJZxpou_56J0f+wsjcaffxfy-U17g@mail.gmail.com>
Thank You Jon and Ann. I will be sending out more of these. I am trying to
identify the really hard problems. I'm not sure how to do this with a
browser extension either.
I did try transparency and it did work, but with a contrast loss. I'm not
sure if it would work for LV users.
Thanks again,
Wayne
On Mon, Jan 21, 2019 at 5:56 AM Jonathan Avila <jon.avila@levelaccess.com>
wrote:
> 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
>
>
>
Received on Monday, 21 January 2019 18:58:18 UTC