Comments (3)
hey @ffmike, do you have suggestions on themes which are close enough and we can handle them on a case by case basis?
from bulmaswatch.
I ran all of the theme sample pages through the https://www.checkmycolours.com/ online checking tool. Here are the number of accessibility failures of each theme, as measured by contrast ratio:
cerulean: 529
default: 533
journal: 533
materia: 607
spacelab: 631
litera: 727
lumen: 741
cosmo: 745
sandstone: 1643
yeti: 1797
simplex: 1834
pulse: 1842
flatly: 1855
lux: 1866
united: 1941
minty: 1999
nuclear: 2799
darkly: 2857
slate: 2925
superhero: 3015
cyborg: 3067
solar: 3634
Obviously there are a lot of redundant checks here - if Title1 fails on contrast, so will Title2, Title3, etc.
Based on these numbers, 'cerulean' has the fewest failures, so it'd be the most reasonable starting point. It seems to me that a reasonable path forward would be to define a new 'highcontrastlight' that would start as a clone of 'cerulean' and then work to tweak it into a higher-contrast set of colors that passes the WCAG contrast tests (or at least gets sufficiently close to be useful to users who need the contrast).
I'm not sure why the dark themes are getting such bad scores. That's a problem for another day, though. Might be a failing of the checking tool.
If that sounds like a reasonable plan to you I could clone the repo and see how far I can get.
from bulmaswatch.
Hey @ffmike Sorry for getting back on this so late.
I think it definitely sounds reasonable and I'm happy to review a PR for this!
from bulmaswatch.
Related Issues (20)
- Markdown white font and white background
- Documentation: Navbar Dropdown on "Help" page has incorrect text colors HOT 1
- How is the status of `@imort` deprecation and replace to @use/@forward?
- bookmarklet use HOT 2
- New tagged release? HOT 1
- Why $primary has !default ?
- Upgrade to Bulma v1 HOT 1
- wrong dropdown behavior in materia theme's navbar HOT 1
- ReferenceError: primordials is not defined on yarn start on Node v12.14 HOT 1
- Input text is hardly visible in dark themes by default HOT 5
- Is it v0.9 compatible? HOT 10
- Using px in darkly theme should be discouraged HOT 4
- Problem with click icon in b-input and b-autocomplete
- $navbar-breakpoint issue HOT 2
- is-size-7 doesn't seem to work on a span element
- notification light version
- Navbar minor issues since PR #77
- Select box ::after arrow too far right
- Progress bar background differs between Firefox and Chrome HOT 1
- Include All UI element of Bulma v0.9.3
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 bulmaswatch.