Find out how to make the icons in your design system accessible with a few simple steps.
Source: Make your design system accessible — Part 2: Icons | by Lukas Oppermann | Mar, 2022 | UX Collective
Tag: accessibility
What Is Web Accessibility? How to Make Your Content Inclusive
The “5 needs web accessibility aims to address” section is really good.
When discussing how to make a more inclusive environment, it’s important to recognize the needs of those with disabilities as well. Learn how to improve web accessibility across the board and make your content and website more inclusive for all, with or without disabilities.
Source: What Is Web Accessibility? How to Make Your Content Inclusive
Inclusive Design Toolkit on Microsoft
Inclusive Design Toolkit on Microsoft
A set of useful guidelines and principles for creating accessible experiences.
Source: Microsoft Design
All Together Now – An Overview of Inclusive Design | Toptal
A really good primer.
Instead of looking at a single solution to a design problem, inclusive design asks UX designers to look at all the ways people can participate in the main function of a website. #product #design #ux #accessibility #universaldesign #webdesign
Source: All Together Now – An Overview of Inclusive Design | Toptal
UX Optimizations For Keyboard-Only And Assistive Technology Users — Smashing Magazine
Accessibility forces you to see and think about your application beyond the typical sighted, mouse-based user experience. In this article, we’ll dig into some specific, practical examples.
Source: UX Optimizations For Keyboard-Only And Assistive Technology Users — Smashing Magazine
Why Lime-Yellow Fire Trucks Are Safer Than Red
It’s hard to move away from tradition, but sometimes for the sake of accessibility, and in this case safety, some design traditions need to be phased out.
Human factors and ergonomics researchers have found that bright yellow vehicles are less likely to be involved in accidents.
Color Oracle
You can finally walk in colour-blind person’s shoes with this tool.
Color Oracle is a free color blindness simulator for Window, Mac and Linux. It takes the guesswork out of designing for color blindness by showing you in real time what people with common color vision impairments will see.
Source: Color Oracle
HTML Color Codes
Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values.
Source: HTML Color Codes
Color Safe – accessible web color combinations
Color Safe is a tool to explore beautiful, accessible color palettes for your website based on Web Content Accessibility Guidelines (WCAG).