A11y Cat: digital accessibility resources

#accessibility plugins and files from Figma. Explore, install, use, and remix files and plugins on Figma Community.

Top Tips for Creating Accessible EPUB 3 Files1. All text must be available in a logical reading orderText must not be presented as images, be reordered by CSS, or require scripting to be accessed. Use structural markup to define the natural reading order of the primary narrative and to distinguish secondary material such as footnotes, references, figures, and other auxiliary […]

Learn None today: find your None online course on Udemy

tota11y helps visualize how your site performs with assistive technologies

In this session of Accessibility in Android, Developer Programs Engineer Shailen Tuli discusses tips regarding a more adequate experience for touch targets o...

Interactive elements must be at least 1cm × 1cm (0.4in × 0.4in) to support adequate selection time and prevent fat-finger errors.

Achieve your digital accessibility conformance goals with TPGi expertise, software, accessibility analytics, and full-service solutions.

The Trace Research & Development Center has been a pioneer in the field of technology and disability, known for high-impact research and development.

I created a fictional service called ‘Record a goose sighting’ using the GOV.UK Design System. I then broke it to introduce accessibility issues based on real issues I’ve seen, such as missing alt text and broken heading hierarchies.

The ADA Compliance Course is designed to prevent “ADA Website” litigation through genuine, manual accessibility. Think of this course as an SOP (written step-by-step instructions) you can give to your web team so that they can find (audit) and fix (remediate) your website for the most commonly claimed accessibility issues in litigation. As a result, ... Read more

This webinar recording is brought to you by Smashing Magazine and Deque Systems. The most efficient way to build accessible websites and apps is to “shift left” by incorporating accessibility testing into the earliest stages of your development and design process. As a key accessibility practice taking place early in design and development, translating a wireframe into web content is a common, but easy to avoid pitfall. In this webinar, Harris Schneiderman will walk you through the process of analyzing a wireframe from an accessibility perspective, making coding decisions to optimize for accessibility, implementing that code, testing your code, and troubleshooting. Sign up for the free axe Pro accessibility tool Harris used here: https://www.deque.com/axe/beta/ 00:00 Introduction & Agenda 01:20 Overview to 'Shift-left' Accessibility 05:54 Design Annotation Principles 11:55 Design Annotation Example walk-thru 22:50 Keyboard Interaction 24:04 Tips when working with Development 29:10 axe-core Testing Library 30:35 Demo: Accessibility Testing 49:14 Q&A Make a major impact before a line of code is ever written. Learn more about Accessible Design. https://www.deque.com/accessible-design/

Figma Community plugin - Translator enables you to translate your text layers to other languages right in Figma. With support for over 130 languages, you can now test your designs in other languages, catch localization layout issues quickly, bring your designs to new locales, and communicate with international team membe...

It takes leadership to treat accessibility issues as bugs, and prioritize them before a project is released. Learn how they do it at Drupal.

What’s an Audio Description? Audio description is an optional narration track intended for blind and low-vision consumers of visual media. A narrator talks through a presentation, describing …

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

Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.

[vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_spacing=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″...

Visual hierarchy makes or breaks your design. Learn how to guide the eye by intentionally using contrast and spacing in typography.

The Material Design type scale includes a range of contrasting styles that support the needs of your product and its content.

The U.S. Access Board is a federal agency that promotes equality for people with disabilities through leadership in accessible design and the development of accessibility guidelines and standards for the built environment, transportation, communication, medical diagnostic equipment, and information technology.

The U.S. Access Board is a federal agency that promotes equality for people with disabilities through leadership in accessible design and the development of accessibility guidelines and standards for the built environment, transportation, communication, medical diagnostic equipment, and information technology.

The U.S. Access Board is a federal agency that promotes equality for people with disabilities through leadership in accessible design and the development of accessibility guidelines and standards for the built environment, transportation, communication, medical diagnostic equipment, and information technology.

The U.S. Access Board is a federal agency that promotes equality for people with disabilities through leadership in accessible design and the development of accessibility guidelines and standards for the built environment, transportation, communication, medical diagnostic equipment, and information technology.

Figma Community plugin - UI Color Palette creates accessible Color Palettes from your brand's colors, ensuring consistent lightness and contrast. The plugin uses the LCH color model to generate color variants based on the chosen lightness scale. This model is relevant for ensuring that colors comply with the WCAG standar...