Accessible color for design systems just got easier | by Nate Baldwin | May, 2022 | Medium
Towards Individuated Reading Experiences: Different Fonts Increase Reading Speed for Different Individuals | ACM Transactions on Computer-Human Interaction
In our age of ubiquitous digital displays, adults often read in short, opportunistic
interludes. In this context of Interlude Reading, we consider if manipulating font choice can improve adult readers’ reading outcomes.
Our studies normalize font size by ...
Are some fonts ageist?
A new study reveals that the speed at which you’re able to read online depends a lot on the font—and your age.
Don’t rely only on tools to pick an accessible color combination
How can we make sure to design with accessible colors?
Smashing Meets For All - December 2021
Here you can find the three talks and the panel discussion from our Smashing Meets for All community event around web accessibility. Enjoy!
Dan Hollick 🇿🇦 on Twitter
WCAG 3 will use a new color contrast method called APCA (Advanced Perceptual Contrast Algorithm).It's a big improvement over the current system but there are a lot of changes to get your head around.🧵 pic.twitter.com/yLbujn3hG4— Dan Hollick 🇿🇦 (@DanHollick) December 9, 2021
Accessibility Myths
A small project debunking common accessibility myths.
Contrast Ratio Math and Related Visual Issues · Issue #695 · w3c/wcag · GitHub
APCA Simple Version
The APCA Advanced Perceptual Contrast Algorithim SIMPLE VERSION.
Perceived Brightness: an Essential Concept for UI Design | by Gonçalo Dias | UX Collective
Look at the image above. Don’t you feel some colors are brighter than others? For example, between the yellow and blue: which is brighter?
Accessible Palette: stop using HSL for color systems | Wildbit
Accessible Palette is an app for building color systems with consistent lightness and predictable contrast ratios across color levels.
W3C Accessibility Guidelines (WCAG) 3.0
The W3C Accessibility Guidelines (WCAG) 3.0 provide a wide range of recommendations for making web content more accessible to users with disabilities. Following these guidelines will address many of the needs of users with blindness, low vision and other vision impairments; deafness and hearing loss; limited movement and dexterity; speech disabilities; sensory disorders; cognitive and learning disabilities; and combinations of these. These guidelines address accessibility of web content on desktops, laptops, tablets, mobile devices, wearable devices, and other web of things devices. They address various types of web content including static content, interactive content, visual and auditory media, and virtual and augmented reality. The guidelines also address related web tools such as user agents (browsers and assistive technologies), content management systems, authoring tools, and testing tools.
Myths about Web Accessibility
Web Accessibility is a must in every web development project, yet it seems to remain a mystery for many web developers. Like it's something legendary instead of an essential skill needed for the job. There are many misconceptions surrounding Web Accessibility, most of the time fueled by a lack of knowledge (or interest) in the matter. This article is a collection of some of those accessibility misconceptions or myths. :: Blog post at Alvaro Montoro's Personal Website.
Christina Workman: Understanding Neurodisabilities: Computers Don’t Run the Same OS; Neither Do Our Individual Brains
You might know something about cognitive and neurological disabilities, but have you ever considered how these impact the way someone interacts with a website? This talk offers an opportunity to learn more.
Perceived brightness: an essential concept for UI design
Look at the image above. Don’t you feel some colors are brighter than others? For example, between the yellow and blue: which is brighter?
How to avoid Twitter’s latest accessibility mistakes
Good accessibility programs include things that go above and beyond just compliance with the WCAG guidelines
Overlay Fact Sheet
An open letter about accessibility overlays.
An alt Decision Tree
This decision tree describes how to use the alt attribute of the <img> element in various situations. For some types of images, there are alternative approaches, such as using CSS background images for decorative images or web fonts instead of images of text.
How will long-Covid change the accessibility landscape?
I’m sitting here contemplating my new and rather mysterious condition Long-Covid and wondering how this is changing the way I, and many…
Why flags do not represent languages …
The perfect link
There’s more to a link than just a clickable word or image. So, how do you create the perfect link? Rian tells you in our blog!
The Perfect Link
There’s more to a link than just a clickable word or image. So, how do you create the perfect link? Rian tells you in our blog!
Inclusive UX in an era of anxiety
It’s more important than ever to consider mental health while designing.
Das Firmament vor lauter Sternen nicht mehr sehen
In den letzten Wochen und Monaten hab ich mich oft und gerne zum Thema gendersensible Sprache ausgetauscht. Eine der ersten und dringendsten Fragen ist meistens: Stern oder Doppelpunkt? Auf Twitter beobachte ich immer wieder Personen, die sich über die Zeichen echauffieren oder mit einer unsinnigen
Inklusive Sprache bei Microsoft – Wie wir Vielfalt durch Kommunikation leben
Microsoft kommuniziert inklusiv. Warum inklusive Sprache wichtig ist und wie Vielfalt bei Microsoft gelebt wird, lesen Sie in diesem Beitrag.
Accessible Icon Links
by Kitty Giraudel
How Discord Implemented App-Wide Keyboard Navigation
by Jon Egeland | Discord Blog
Linking to relative URLs
The Anchor element - HTML: HyperText Markup Language … '
Pika
… an easy to use, open-source, native colour picker for macOS. Pika makes it simple to quickly find colours onscreen, in the format you need, so you can get on with being a speedy, successful designer.
Paul Tol's Notes
This site shows such schemes, developed with the help of mathematical descriptions of colour differences and the two main types of colour-blind vision. A colour scheme should reflect the type of data shown.