Show HN: A curated set of colour combinations

Re:Show HN: A curated set of colour combinations by DanBC on Tuesday April 07, 2020 @08:11AM (#22802448)

This is nice and I like lots of these combinations.

I'm curious about accessibility. Are any of these combinations harder to use for people with colour-blindness? How would i test for that?

[ Parent | on HN ]

Re:Show HN: A curated set of colour combinations by Nekobai on Tuesday April 07, 2020 @12:27PM (#22804663)

You can test individual colours using tools like https://webaim.org/resources/contrastchecker/

To check the colours on a page (and many other accessibility violations) you can use a bookmarklet like HTML Codesniffer ( https://squizlabs.github.io/HTML_CodeSniffer/ ), the tools that are integrated with Firefox and Chrome's devtools, or CLI tools like Axe or Pa11y.

[ Parent | on HN ]

Re:Show HN: A curated set of colour combinations by bobwaycott on Tuesday April 07, 2020 @04:25PM (#22807134)

Firefox has the Accessibility Inspector tools built in for that: https://developer.mozilla.org/en-US/docs/Tools/Accessibility...

You can inspect items for contrast ratio, and I believe there’s even a color blindness simulator.

[ Parent | on HN ]

Re:Show HN: A curated set of colour combinations by Tomte on Tuesday April 07, 2020 @08:22AM (#22802506)

I would assume that's part of "AA accessible" combinations which you can toggle on top.

There are accessibility checkers (ARIA) on the web, they can give you a score at least.

[ Parent | on HN ]