#wcag

[n0cnimura]

you guys I just developed my first fully fleshed-out UI color system ever and I’m so proud of her 🥹💕 it’s only 12 colors but they’re all WCAG compliant and harmonious. I never in a million years saw myself doing visual UI design but that was only because I didn’t believe I could learn, but I’m so glad I took the plunge and invested in myself because I fucking love visual UI design so much 😭

[owlart18]

A warrior cat ocs commission for @tvvigbranch!

@thepaladog, @floatingvampire

(Commission info here | MapleStickerShop)

Process work:

[wreckingball4good]

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 🖋

[lightoutonfifth]

Quick tips for writers on making documents accessible. The bare minimum you should be doing for works published digitally is:

Make sure everything has proper headers. Your title should be a Header 1 and your chapters should be Header 2.

Colors should have significant contrast. Black and white is ideal.

If you have images in your work, make sure they have alternative text. Alt text is descriptions of images that will be read aloud by screen readers and text to speech software. If an image is purely decorative, there is usually an option to mark it as such.

[urbancripple]

Accessibility + Link Fixes to Main Site

Just a heads up that I went through the main site and fixed a ton of accessibility issues as well as fixed a bunch of dead links. Apologies to any keyboard or screen reader users who may have been having trouble navigating things lately.

I've set up an automated test harness across the entire site that will catch this stuff before it goes live next time.

Thanks!

[hello-discovertec]

5 Most Common Accessibility Mistakes on Websites

If your website isn’t ADA compliant, chances are your making one of these top 5 mistakes. See our breakdown of the most common issues we find on almost every site we test.

If your website isn’t ADA compliant, chances are your making one of these top 5 mistakes. See our breakdown of the most common issues we find on almost every site we test.

[insidehtml5]

The Web Content Accessibility Guidelines (WCAG) is a set a guidelines for how to make websites accessible. The second version was published in 2008, before websites were available on mobile devices in any meaningful way. A few years ago, the WCAG was updated to version 2.1, which includes a

[noandpickles]

Hoo boy, colored text

Hey all, I’ve just been made aware that this wonderful hellsite is letting users specify text colors in your posts now. That’s great! Sounds fun! Assuming, of course, that you can still see the letters.

For people with visual disabilities (especially color blindness or low vision), certain color combinations can be incredibly difficult to read. Black on white (or white on black) is the best, while obviously the worst is when the background and the text are literally the same color.

So how can you know whether a color combination is appropriate?

The World Wide Web Consortium (W3C) has a set of guidelines for creating accessible web content, called the Web Content Accessibility Guidelines (WCAG). WCAG includes standards for text contrast. Specifically, normal text must have a minimum contrast ratio of 4.5:1 with the background to meet WCAG’s Level AA standards. Large text (defined as being at least 14pt and bold or at least 18pt) must have a minimum contrast ratio of 3:1 with the background.

To give a few reference points, white (#ffffff) on black (#000000) has a contrast ratio of 21:1, red (#ff0000) on white (#ffffff) has a contrast ratio of 4:1, and hot pink (#ff0080) on orange (#ff8000) has a contrast ratio of 1.5:1.

If you want to check the contrast ratio between two colors, WebAIM’s Color Contrast Checker is a great online tool to use. It’s fast, easy, and free. It’ll even tell you whether the color combination you input meets WCAG Level AA (or Level AAA, which is more stringent).

Now go, and enjoy your new colorful powers. Just please be considerate of users with disabilities along the way. :)