Where to Put Focus When Deleting a Thing
When deleting something you should generally move focus to the prior equivalent control or its grouping container.
a11ycat·adrianroselli.com·Specific Roles
a11ycat·adrianroselli.com·
Progressively Enhanced Form Validation, Part 2: Layering in JavaScript
In Part 2 of this series, we take the base HTML and CSS form validation experience and progressively enhance it by adding JavaScript and the Constraint Validation API while also addressing accessibility concerns.
a11ycat·cloudfour.com·Web Content Accessibility Guideline Resources for Developers
What developers need to know about the Web Content Accessibility Guidelines (WCAG) and making websites accessible.
a11ycat·wcag.com·Web Content Accessibility Guideline Resources for Designers
We explore how the Web Content Accessibility Guidelines (WCAG) impact digital design and designers. Everything you need to know to make your web experience accessible.
a11ycat·wcag.com·Web Content Accessibility Guideline: Writing Resources for Authors
We explore how the Web Content Accessibility Guidelines (WCAG) impact content writing and content authors. Everything you need to know to make your web experience accessible.
a11ycat·wcag.com·Understanding Users Needs - TAdER Project on Text Adaptability
The TAdER project encourages developers to include specific text customization functionality in their products to meet the needs of people with low vision, dyslexia, and related conditions that impact reading.
a11ycat·tader.info·
Text Display Aspects that Users Need to Customize
a11ycat·tader.info·
Creating Accessible Videos
Videos should be produced and delivered in ways that ensure that all members of the audience can access their content. An accessible video includes captions, a transcript, and audio description and is...
a11ycat·washington.edu·
Caption Guidelines for Video, Audio and Multimedia
This page describes accessibility issues related to video, audio and multimedia with integrated video and audio. Please see the links on this page for information about policy and guidelines as well as examples of a captioned video and transcribed audio.
a11ycat·accessibility.psu.edu·Accessible Images
Most people know that you need to provide alternative text for images. There is much more to the accessibility of an image than just its alt text. There are many additional accessibility principles and techniques regarding images.
a11ycat·webaim.org·
ColorADD - Color is for ALL!
ColorADD is a unique, universal, inclusive and non-discriminative language that enables the color blind to identify colors, with a wide spectrum of use on companies/entities whenever color is a factor of identification, orientation or choice.
a11ycat·coloradd.net·
7 tactics that benefit both accessibility and SEO
Read this guide to learn about specific areas of optimization that legitimately benefit from both SEO and Accessibility best practices.
a11ycat·deque.com·
How to Write Alt Text and Image Descriptions for Instagram
a11ycat·perkins.org·
Rooted in Rights Guide to Creating Accessible Videos
An accessible video is one that contains content that everyone can consume, including people with disabilities who may be unable to hear the audio or see the images on screen. This means that, among other things, the auditory experience of the video must convey all essential information for those who cannot see, just as the visual experience will need to do the same for people who cannot hear.
a11ycat·docs.google.com·How do you figure? | scottohara.me
a11ycat·scottohara.me·SVG images and graphics require accessible text | Axe Rules | Deque University | Deque Systems
a11ycat·dequeuniversity.com·
Source Sans 3
Source Sans Pro, Adobe's first open source typeface family, was designed by Paul D. Hunt. It is a sans serif typeface intended to work well in user interfaces.
a11ycat·fonts.google.com·
Color system – Material Design 3
a11ycat·m3.material.io·
Accessible Focus Indicators: Something to :focus on | Deque
a11ycat·deque.com·The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps | Tutorial: Build your own server side rendered (SSR) React app
a11ycat·a5h.dev·
Do Dyslexia Fonts Actually Work?
a11ycat·edutopia.org·
The effect of a specialized dyslexia font, OpenDyslexic, on reading rate and accuracy
A single-subject alternating treatment design was used to investigate the extent to which a specialized dyslexia font, OpenDyslexic, impacted reading rate or accuracy compared to two commonly used fonts when used with elementary students identified as having dyslexia.
a11ycat·link.springer.com·
Accessible Palette: stop using HSL for color systems | Wildbit
a11ycat·wildbit.com·
The “dark yellow problem” in design system color palettes
a11ycat·uxdesign.cc·
Color accessibility: tools and resources to help you design inclusive products by Stéphanie Walter - UX Researcher & Designer.
a11ycat·stephaniewalter.design·
Typographic Hierarchy in Print, Web & App Design - Pimp my Type
a11ycat·pimpmytype.com·
Fix Color Contrast – Web Accessibility for Text & UI Design - Pimp my Type
a11ycat·pimpmytype.com·
Progressively Enhanced Form Validation, Part 1: HTML and CSS
a11ycat·cloudfour.com·
Progressively Enhanced HTML Accordion
a11ycat·adrianroselli.com·