accessible colour contrasts @accessibleColors@botsin.space

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. 🔔

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

✨

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/

Keppel #2CAAA1
Brown Tumbleweed #352A0F

(Contrast ratio: 4.9:1 | AA)

Green Haze #01945D
Cherry Pie #100056

(Contrast ratio: 4.7:1 | AA)

Malachite #07E04C
Meteorite #362683

(Contrast ratio: 6.7:1 | AA)

Martinique #393151
Electric Lime #01DF06

(Contrast ratio: 6.7:1 | AA)

Purple Heart #9141C9
Madang #AFFEC1

(Contrast ratio: 4.7:1 | AA)

Curious Blue #2C92CE
Black Russian #1B0F26

(Contrast ratio: 5.3:1 | AA)

Purple Heart #A738D2
Yellow #FDFC12

(Contrast ratio: 4.6:1 | AA)

Paprika #970C39
Emerald #61E399

(Contrast ratio: 5.3:1 | AA)

Jelly Bean #187B94
Vista White #FBF6F6

(Contrast ratio: 4.6:1 | AA)

Gull Gray #99ABB6
Arapawa #000760

(Contrast ratio: 7.4:1 | AAA)

Dark Blue #0A05DA
Ice Cold #A5FEED

(Contrast ratio: 8.8:1 | AAA)

Golden Grass #D6A626
Gulf Blue #161B57

(Contrast ratio: 7.0:1 | AAA)

Japanese Laurel #027014
Caribbean Green #02F8AC

(Contrast ratio: 4.5:1 | AA)

Daisy Bush #4A32AB
Baja White #FFF8D1

(Contrast ratio: 8.4:1 | AAA)

Pesto #98813B
Violent Violet #090552

(Contrast ratio: 4.8:1 | AA)

Bottle Green #163820
Tussock #BD9D4A

(Contrast ratio: 5.0:1 | AA)

Trendy Pink #725176
Algae Green #91EEBC

(Contrast ratio: 4.8:1 | AA)

Cyan / Aqua #69FBFA
Arapawa #021772

(Contrast ratio: 12.3:1 | AAA)

Rich Gold #A95007
Vis Vis #FDEF9E

(Contrast ratio: 4.7:1 | AA)

Bright Turquoise #05F3ED
Buccaneer #6C292E

(Contrast ratio: 7.5:1 | AAA)