Designers
Don't Use Fixed CSS height or width on Buttons, Links, or Any Other Text Containers
Fixed heights and widths risk 'loss of content' when text is resized.
a11ycat·ashleemboyer.com·
Readex Pro
Could a new typeface make it easier for the more than 400 million Arabic speakers around the world to read?
Type designers Dr. Nadine Chahine and Thomas Jockin joined forces to find out. They created Readex Pro in Arabic using the methodology behind Lexend, made for Latin. The name Readex was chosen as a shortened form of “reading expanded.”
a11ycat·fonts.google.com·
Inclusive Sans
Inclusive Sans is a text font designed for accessibility and readability. It is inspired by the friendly personality of contemporary neo-grotesques while incorporating key features to make it highly legible in all uses.
a11ycat·fonts.google.com·
Typography in Inclusive Design Part 2: Choosing typefaces and laying out text content
By taking an inclusive approach and designing with people with disability at the centre, we can create more accessible typography for everyone.
a11ycat·visionaustralia.org·
Inclusive Persona Extension
I would like to introduce "Inclusive Persona Extension", a tool to facilitate the consideration of accessibility in the web design process.
a11ycat·youtube.com·
Shell Little: Accessible Roots Grow A Healthy Framework
Shell Little presents Accessible Roots Grow A Healthy Framework at the 2022 Web Accessibility In Mind Conference.
a11ycat·youtube.com·The Equilateral Triangle of a Perfect Paragraph
One of the most important things in typography is to shape a seamless reading experience that invites the reader and presents the content in an objective way. To do that, we need to be able to shape perfect paragraphs. There are three keys to doing that.
a11ycat·css-tricks.com·
Designing a reorderable list component - Darin Senneff
a11ycat·darins.page·
Screen readers and drag-and-drop, part 1: draggable elements - Darin Senneff
a11ycat·darins.page·
Don’t Believe The Type!
Are “accessible” fonts actually as accessible as they claim? If not, what are the things we need to know when choosing a font that responds to different reader needs?
a11ycat·youtube.com·
Evaluating Fonts: Font Family Selection for Accessibility & Display Readability
An informal evaluation of the accessibility characteristics of several dozen fonts. Generally accepted accessibility concerns are discussed.
a11ycat·researchgate.net·
Accessibility Whack-A-Mole
“How do we deal with accessibility needs for which there are no definitive answers?” asks Eleanor Ratliff. Sometimes we arrive at a fix that helps one group of people only to find that our solution…
a11ycat·alistapart.com·
Accessible Typefaces, Fonts, and Text with Jared Smith
In this presentation, guest speaker Jared Smith provides an overview of how reading is processed in the human mind, and how to minimize the cognitive effort and maximize the visual accessibility of online text.
a11ycat·equalentry.com·
5 Keys to Accessible Web Typography
The basics and the best practices of accessible web typography.
a11ycat·betterwebtype.com·
Accessibility and font sizes
a11ycat·craigabbott.co.uk·
One Font Doesn’t Fit All: The Influence of Digital Text Personalization on Comprehension in Child and Adolescent Readers
The current study aimed to investigate the effect of character width and inter-letter spacing on reading speed and comprehension.
a11ycat·mdpi.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·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·
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·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·
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·