Haia peepin out of that one glowy river (you know what I'm talking about)
Filtered version and eventually timelapse under the cut
Please do not repost my art without permission! Tracing is also not okay, but you may use as a reference or set as your pfp with credit :)
17 notes
·
View notes
Accessibility PSA #2
Hey kids! It’s time for another tip on making your blogs accessible (ie useable) for disabled individuals!
Let’s talk about color contrast. Did you know that you can actually make your blog inaccessible for some vision impaired user by using the wrong combination of colors on your page?
Best practice is to use text, background, and accent colors that contrast against each other enough to be easily visible to everyone. If you have to squint to see your bio, chances are that there’s someone out there who can’t read it at all.
here’s a neat tool that you can use to check if you’re blog’s color scheme is fully accessible.
Next time, we’ll talk about fonts and accessibility 🖋
17 notes
·
View notes
There are seven color options for text available in the post editor on mobile. How readable these colors all depends on what tumblr color palette your readers are using.
There are many factors that go into accessible text color, but one of the most important is color contrast. Using Web AIM Color Contrast Checker, I've compiled a list of the color contrast ratios for all seven text color options against the various backgrounds tumblr offers via its different color palettes.
Keep in mind that the minimum contrast needed to be accessible for large (14pt font or larger if bold, 18pt font or lager if not bold) text is 3:1. The minimum contrast needed for any text smaller than that is 4.5:1.
The System Default, True Blue, and Pride color palettes provide a post background of white (#ffffff). Against this background:
Default Text (#000000) — 21:1
Red Text (#ff4930) — 3.36:1
Orange Text (#ff8a00) — 2.36:1
Green Text (#06cf36) — 2.1:1
Blue Text (#00b8ff) — 2.25:1
Purple Text (#7e5fff) — 4.22:1
Pink Text (#ff62cf) — 2.65:1
The Dark Mode color palette provides a very dark gray (#222222) post background. Against this background:
Default Text (#ffffff) — 15.9:1
Red Text (#ff4930) — 4.73:1
Orange Text (#ff8a00) — 6.73:1
Green Text (#06cf36) — 7.56:1
Blue Text (#00b8ff) — 7.04:1
Purple Text (#7e5fff) — 3.76:1
Pink Text (#ff62cf) — 5.98:1
The Low Contrast Classic color palette provides a low-contrast blue (#35465c) post background. Against this background:
Default Text (#d6dade) — 6.84:1
Red Text (#ff4930) — 2.86:1
Orange Text (#ff8a00) — 4.07:1
Green Text (#06cf36) — 4.57:1
Blue Text (#00b8ff) — 4.26:1
Purple Text (#7e5fff) — 2.27:1
Pink Text (#ff62cf) — 3.62:1
The Goth Rave color palette provides a black (#080808) post background. Against this background:
Default Text (#9e78e6) — 5.99:1
Red Text (#ff4930) — 5.95:1
Orange Text (#ff8a00) — 8.47:1
Green Text (#06cf36) — 9.52:1
Blue Text (#00b8ff) — 8.86:1
Purple Text (#7e5fff) — 4.73:1
Pink Text (#ff62cf) — 7.53:1
Keep this in mind when creating posts.
72 notes
·
View notes