random colour contrasts @accessibleColors@botsin.space
- Bot owner
- https://toot.cafe/@zac
- About colour contrast
- https://glitch.com/edit/#!/random-accessible-colours-bot
Bot
Inspired by and using: https://randoma11y.com
Gets colours, finds their WCAG contrast ratio. Attempts to name them.
See pinned toots for more info.
Joined Aug 2018
Pinned toot
How often do you forget to add text descriptions to media in your toots?
Adding text descriptions is important. It helps make your content more accessible for people using assistive technology such as a screen reader.
Follow the @PleaseCaption bot and it will remind you if you forget. 🔔
Pinned toot
Testing with real people is always preferable if you can.
You can simulate colour blindness with various tools though such as: https://colororacle.org
The contrast ratio can pass the guideline criteria but still be hard to read: https://mastodon.social/@giltay/100640303516475367
✨
Pinned toot
The Web Content Accessibility Guidelines (WCAG) colour contrast information is great but it is limited.
You should test and consider more around colour including how colour blindness affects contrast.
Can read the overview of the guidelines here:
https://www.w3.org/TR/2008/REC-WCAG20-20081211/
Purple Heart #A448F8
Jaguar #130717
(Contrast ratio: 4.5:1 | AA)
Buttermilk #F7EFB5
Japanese Laurel #057512
(Contrast ratio: 5.0:1 | AA)
San Felix #065501
Chartreuse #95FF01
(Contrast ratio: 7.2:1 | AAA)
Blush #C9527A
Black Russian #160524
(Contrast ratio: 4.6:1 | AA)
Quicksand #C2A08E
Jagger #371360
(Contrast ratio: 6.1:1 | AA)
Wild Willow #D1D580
Waiouru #434416
(Contrast ratio: 6.5:1 | AA)
Flamingo #DD5027
Tolopea #120143
(Contrast ratio: 4.7:1 | AA)
- Bot owner
- https://toot.cafe/@zac
- About colour contrast
- https://glitch.com/edit/#!/random-accessible-colours-bot
Bot
Inspired by and using: https://randoma11y.com
Gets colours, finds their WCAG contrast ratio. Attempts to name them.
See pinned toots for more info.
Joined Aug 2018
