Resources
Accessibility Overview
What does accessibility mean? How should we think about disability? And what role can design play in making your social media content accessible?
In this playlist, we cover all four principles of WCAG 2.1 - Perceivable, Operable, Understandable, and Robust - and their corresponding success criteria.
Accessibility is critical, but it can be confusing. Kasey Bonafacio will demystify the 13 WCAG guidelines and show examples of each guideline in action, empowering you to improve accessibility in your projects.
Web Design - Dyslexia, Autistic, Hearing, Low Vision, Anxiety
Visual Accessibility
Learn how to use colors, select inclusive images, and design videos in accessible ways for your social media. This video will show you how to adapt posts for colorblind people and how to create accessible captions for videos, enhancing everyone’s experience.
An accessible font means using a typeface designed for easy reading by a diverse audience, including individuals with visual impairments such as low vision or reading disability such as dyslexia. Accessible typography ensures that textual information is accessible to all users, irrespective of their abilities or disabilities.
Website designers recognize that low contrast can make it very difficult to read the words on a page. It’s even harder to read when the text is small or the font very thin. And if you have low vision, insufficient contrast can make it nearly impossible to make out the words on a Web page.
Audio Accessibility
Learn about using alternative text to make your social media more accessible. We'll also show you how fonts impact legibility, and how to use emojis and hashtags to make your social media content more inclusive.
Importance of captions for videos
This 5 minute micro talk is a crash course on Deaf Accessibility in video games. During the talk, we will go over what deafness is; share how specific functional limitations apply to the context of games; provide most important UX and game design practices, including important tidbits for researchers who may be working with d/Deaf participants; and give recommended readings for those who would like to learn more.
A design that is logical and that has a nested heading structure is essential for accessibility. Descriptive headings help users find specific content and orient themselves in terms of where they are on a Web page and on the overall website. Visual headings also represent the content structure, and describe the content that follows them.
Designers ensure that images, graphics and other non-text information have alt text descriptions that clearly and succinctly describe their meaning. Alt text also serves the purpose of allowing screen readers to ignore images that are decorative and convey no meaning.
Mobility Accessibility
In this video, we provide developers with tips on making Android apps more accessible for users with motor impairments. We also discuss best practices for making your app easier to use and talk about testing for accessibility to improve your app's user experience for all users.
The reading order should be logical and intuitive with clear focus indicators. People with mobility impairments who use keyboards only benefit from a logical, usable focus order. Reading also flows better for those who use assistive technology such as a screen magnifier, as they may interpret a field in the wrong context if the focus order isn’t logical.