Giter Site home page Giter Site logo

Accessibility? about bulmaswatch HOT 3 OPEN

 avatar commented on May 29, 2024
Accessibility?

from bulmaswatch.

Comments (3)

jenil avatar jenil commented on May 29, 2024

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.

 avatar commented on May 29, 2024

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.

jenil avatar jenil commented on May 29, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.