A11y Cat: digital accessibility resources

Check the contrast of your color design for accessibility base on Web Content Accessibility Guideline (WCAG)

WCAG - Quick reference guide | Toolkit designed to facilitate and simplify the understanding of accessibility guidelines.

Page Content Organization of WCAG 2.0 Principle 1: Perceivable Principle 2: Operable Principle 3: Understandable Principle 4: Robust Guidelines Page WCAG 2.1 Updates (New Page) This page is an arch…

Ensure your website meets accessibility standards with our free and simple WCAG 2.1 AA Checklist. Improve user experience and avoid legal risks today.

WCAG 2.1 AA Responsibility Breakdown page in the Accessibility site.

Josh explains WCAG Article 1.1.1 Tools and info to get your website accessible and WCAG Compliant: http://OnlineADA.com Unlock the WCAG walkthroughs for level AA compliance, get accessibility web development training, and additional tools training in the Accessibility Academy: https://onlineada.com/academy/ Are you a digital agency? Join our Partner Agency Program! https://onlineada.com/partners/ Online ADA Advancing Digital Accessibility Transcript Below: Hey everybody! Josh here with Online ADA and in this video we're gonna cover WCAG article 1.1.1 of the WCAG accessibility guidelines. So what is WCAG 1.1.1? This is the alt text. It says non text content this is for level A compliance the actual documentation for this article reads "All non text content that is presented to the user has a text alternative that serves the equivalent purpose, except for situations listed below. Controls and input. If non text content is a control or accepts user input and it has a name that describes his purpose". This is in reference to form inputs, buttons on forms, first name, last name, email address. All of those forms. Those are gonna be inputs that require something from the user and they need to have labels and they need to have instructions that would comply with the alt text requirement. Time based media. These are gonna be things like your videos or audio tracks or animations, even carousels. Things that are playing that are animated or moving that a non visual user may have difficulty with when they visit your site. They need to have some sort of text alternative. Let's read that one. If non text content is time based media, then text alternatives at least provide descriptive identification of the non text content. Now this is saying that you don't necessarily have to have a text dictation of everything that's happening on that screen or in that animated element, but you have to have a descriptive identification of it so, you know they are tabbing through with their screen reader they come across that maybe isn't explaining everything that's happening in the animation but it's going to say this is an animation of 'insert description here'. Test. Test is literally what it sounds like if you are taking, like for a college exam or some sort of school related activity, Test is going to be an actual test that happens on the website. So if non text content is a test or exercise that would be invalid if presented in text, than text alternatives at least provide descriptive identification of the non text content. Most tests that you have on a website are probably gonna be like the radio buttons yes/no, a) b) c) d), something like that. So that is text content. This would be a situation where the test was presented in maybe like a video format or if there was, I can think of, software that might be teaching you how to speak Spanish or something and you have to speak into a microphone. That would be sort of the situation where you actually start to have a description of what is required for a non visual user. Sensory. I personally have not ever run into this one myself but it reads, "If non text content is primarily intended to create a specific sensory experience, than text alternatives at least provide descriptive identification of the non text content". Same story, you have that can't really be dictated or described perfectly you have to just give a description of an overview of what the content is to the user. CAPTCHA. This one happens all the time. Forms have these, you know anytime you have to sign up for newsletter. These are for avoiding spam and they are to make sure that you are a human that is submitting the form and not a robot or a spammer. It reads, "If the purpose of non text content is to confirm the content is being accessed by a person rather than a computer, than text alternatives that identify and describe the purpose of the non text content are provided and alternative forms of CAPTCHA using output modes for different types of sensory perception are provided to accommodate different disabilities". Now that's a big one. I run into a lot of times on a forms where you only have like a check box or you have something where you have to pick all the storefronts out of a bunch of like a grid of squares. Those are great and they definitely provide their purpose to visual users, but somebody who's hard of seeing may have difficulty seeing those storefronts in the pictures. So this is saying that we need to have some way of switching that over to like an audio test. Or from the checking the store fronts to a check box or something like that. Some alternative that is text based that a non visual user can use as well. The next one and the last one on this list is decoration, formatting, invisible. "If non text content is pure decoration, is used only for visual formatting...

...

By Genevieve Nelson | Originally posted at www.c2experience.com

In 2012 I wrote: While reading Jared Smith’s excellent article WCAG Next I was drawn to the following statement “next to impossible to evaluate” in reference to the checking of...

Geri Reid, design systems and accessibility lead, London

To test the color contrast according to WCAG accessibility requirements

To test the color contrast according to WCAG accessibility requirements

Download WCAG Contrast checker for Firefox. Checks for compliance with the contrast levels of foreground and background colors combination based on the requirements of WCAG 2.1

Explainer for WCAG success criterions

WCAG is notoriously confusing. That’s why we try to make it as simple as possible, highlighting the key accessibility requirements content creators need to know.

Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.

Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).

Describes how the Web Content Accessibility Guidelines (WCAG) can be applied to non-web information and communications technologies (ICT), including documents and software.

What is web accessibility? Web accessibility allows everyone, including people with disabilities, to perceive, understand, navigate and interact with the Internet.

500 million+ members | Manage your professional identity. Build and engage with your professional network. Access knowledge, insights and opportunities.

Take Udacity's free online web accessibility course. Get hands-on experience making web applications accessible and understand when and why users need accessibility.