Comments (3)
Strangely, in the computed style, the backgroundColor is specified as rgba(0, 0, 0, 0), which is where that white value is coming from. We should be checking the backgroundImage and preferring that to backgroundColor - the reason I haven't done this previously is that it's quite complicated to correctly parse gradient rules (cf. https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/core/css/parser/CSSPropertyParser.cpp&l=6812). However, something like http://www.glazman.org/JSCSSP/ could help here.
As you say, an ideal solution should compare against all colors specified in the gradient.
from accessibility-developer-tools.
I forgot to mention, when I did the original test, I had:
background: #761786;
background: linear-gradient(to bottom, #9E4594 0%, #761786 100%);
Where I had forgotten to add the background colour on the second rule... by correcting that to:
background: #761786;
background: linear-gradient(to bottom, #9E4594 0%, #761786 100%) #761786;
The accessibility checker could get and test against the background-colour... so while I hope that somehow we can test along the length of the gradient (or dare I say it, the background image), at least the issue of it not returning the correct colour is not a problem with the extension.
from accessibility-developer-tools.
I don't know what's causing my issue, which seems related, but may it be that the contrast analyzer isn't taking the CSS property/value pair: brightness: filter(<number-percentage>)
into consideration?
While setting a <video>
(in which the background doesn't change much behind the stacked element) to brightness(55%)
, with a IMO very noticable color contrast to an element stacked on top, the analyzer is warning me about low color-contrast, however the color-range which it suggests results in the element being barely visible:
from accessibility-developer-tools.
Related Issues (20)
- Export results to Checkstyle
- Project status HOT 2
- Unable to generate accessibility reports for dynamic web pages HOT 2
- v2.12.0 doesn't contain all tests
- Too many tabs. Doing too much. HOT 1
- Wi-Fi v's Bluetooth HOT 2
- Is accessibility-developer-tools being replaced by Google lighthouse?
- Link With Unclear Purpose fails even when aria-label is defined
- TypeError: null is not an object (evaluating 'axs.utils.getRoles(a).valid')
- All links to WAI-ARIA specs broken in README and Wiki HOT 3
- AX_ARIA_08 triggers on <tr>
- Authentication issue
- Hack game
- Add `aria-current` to the list of valid attributes
- AX_HTML_03 missing from Audit Rules documentation
- Developer tools chrome HOT 1
- Missing role="switch" validation HOT 1
- Code
- aria-haspopup does not include all possible values HOT 1
- make it easier
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from accessibility-developer-tools.