A11y Cat: digital accessibility resources

The Center on Inclusive Technology & Education Systems: Framing the Future of Learning with Technology

The only fully automatic online Harding’s test for flashing images and regular patterns.

The ClearMark Awards recognize the plain language communications created by North American organizations.

Accessibility is for everyone. We seek to increase awareness of digital accessibility, inclusive design, and assistive technologies in Northeast Ohio in a setting of sharing, learning, and networking.

Accessibility is for everyone. We seek to increase awareness of digital accessibility, inclusive design, and assistive technologies in Northeast Ohio in a setting of sharing, learning, and networking.

Cluse is a Sketch Plugin that allows you to test the color contrast of your design for accessibility.

Clear out chartjunk (unnecessary visual elements) for a more minimalist and understandable data visualization.Read More: https://www.nngroup.com/articles/clu...

This is a set of papers that describe accessibility issues for users with various cognitive or learning disabilities. Each issue paper takes information from Cognitive Accessibility User Research [coga-user-research] and distills it into a description of the challenges for a specific user group or web usage pattern, and suggests ways to address those challenges. This information informs the Cognitive Accessibility Roadmap and Gap analysis [coga-gap-analysis] in its identification of which solutions remain unmet at this time. The set of issue papers in this publication is not comprehensive and additional ones may be added to future publications of this document.

This document is a gap analysis and roadmap for the state of accessibility for people with learning and cognitive disabilities when using the Web and information technologies. It builds on the information presented in Cognitive Accessibility User Research [coga-user-research] and Cognitive Accessibility Issue Papers [coga-issue-papers] to evaluate where user needs remain to be met in technologies and accessibility guidelines. For various accessibility issues, this document provides a summary of issues and techniques, then identifies gaps and unmet user needs and suggest ways technologies may meet these needs in the future.

Material uses color to create meaningful experiences while also expressing hierarchy, state, and brand identity.

Color is a powerful tool that allows for an almost infinite array of design options. Yet when applying color to our work, we can have a “myopic” viewpoint that puts us, rather than our …

Make sure accessibility and aesthetics go hand-in-hand with every design.

All the tools, tips and resources your need to build and check the color accessibility and color constrast of digital products!

Color & Contrast is an interactive guide to color for designers.

Figma Community plugin - Color Blind allows you to view your designs in the 8 different types of color vision deficiencies. All you need to do is make a selection and the plugin will clone it and create versions with the colors changed based on what each one would look like to a person with that type of color blindness....

Figma Community plugin - Using ColorBlind Plugin get accurate and realtime simulation of your designs based on the type of disorder you have selected. Steps to Preview: Select any single frame/group/element.Open Color Blind Plugin.Select the type of disorder from the dropdown.Preview your designs. Steps to Attach Previe...

Color wheel used as a color palette generator tool. Same colour wheel can be used to generate color blind safe palettes for tritanopia, deuteranopia and protanopia

Did you know that a significant percentage of your players have some form of impaired color perception? Common color combinations can cause great difficulty for these players. They can even make your…

Color Check in an interactive tool for validating web image compliance with ADA (Americans with Disabilities Act) contrast and readability standards. To run validation, upload an image and click on it to select two colors being compared. Use mouse scrol

‎Color Contrast is a tool to measure the contrast between two colors in a screenshot or mobile website, helping ensure your app meets the internationally recognized recommendations in the Web Content Accessibility Guidelines (WCAG), for both versions 2.1 and 3.0 (Silver) Color Contrast has the follo…

This tool lets you check the color contrast between different color pairings and check for common color perceptions against WCAG accessibility standards.

Figma Community plugin - Check contrast according to WCAG guidelines and apply changes directly to your artwork. How to use: Select any 1 or 2 layersCheck the contrastMake changes if neededApply the changes to your designs --- Any feedback is welcome at olka@hey.com