hremonen / swiftcontrast Goto Github PK
View Code? Open in Web Editor NEWSwiftContrast: Color picker with instant WCAG contrast analysis for accessible design.
Home Page: https://www.swiftcontrast.com/
License: MIT License
SwiftContrast: Color picker with instant WCAG contrast analysis for accessible design.
Home Page: https://www.swiftcontrast.com/
License: MIT License
Links add more complexity to the color contrast requirements.
Links should be underlined, otherwise the text must have at least 3:1 contrast with the surrounding body text. Also links must have hover and focus indicators.
Additionally the link text and the body text must have at least 4.5:1 (small text) contrast with the background or 3:1 with large text.
Create a new "feature" that is used solely for checking the contrast ratios of links
Conside the following stack to bootstrap the project: https://create.t3.gg/
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.
Warning
These dependencies are deprecated:
Datasource | Name | Replacement PR? |
---|---|---|
npm | eslint-config-standard-with-typescript |
These updates are currently rate-limited. Click on a checkbox below to force their creation now.
These updates have all been created already. Click a checkbox below to force a retry/rebase of any.
@types/react
, @types/react-dom
, react
, react-dom
).github/workflows/production.yaml
actions/checkout v3
.github/workflows/staging.yaml
actions/checkout v4
.github/workflows/static-analysis.yaml
actions/checkout v4
package.json
@typescript-eslint/eslint-plugin ^6.20.0
@vercel/analytics ^1.2.2
eslint-plugin-jsx-a11y ^6.8.0
husky ^8.0.3
lint-staged ^15.2.0
next 14.0.4
next-themes ^0.2.1
react ^18
react-dom ^18
react-icons ^4.12.0
save-dev ^0.0.1-security
@tailwindcss/typography ^0.5.10
@types/node ^20
@types/react ^18
@types/react-dom ^18
autoprefixer ^10.0.1
eslint ^8
eslint-config-airbnb ^19.0.4
eslint-config-airbnb-typescript ^17.1.0
eslint-config-next 14.0.4
eslint-config-prettier ^9.1.0
eslint-config-standard-with-typescript ^43.0.1
eslint-plugin-import ^2.29.1
eslint-plugin-n ^16.6.2
eslint-plugin-prettier ^5.1.3
eslint-plugin-promise ^6.1.1
eslint-plugin-react ^7.33.2
postcss ^8
prettier ^3.2.5
prettier-plugin-tailwindcss ^0.5.11
tailwindcss ^3.3.0
typescript ^5
HTML color input is browser specific thus making it not uniform form all users.
However the color input must be accessible.
Experiment with different color pickers if there would be something good that checks all the boxes.
This would possibly create unwanted dependencies.
Add a slider for lightness, this should also affect the contrast ratio obviously
We do not want to paste from the clipboard if the pasted value is not hex.
This would make the ux better. Pasting something from the clipboard accidentally for example now is a bit pain in the ass.
Also reconsider if the paste should be behind a button and the copying should be by double-click.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.