Quick tip: Starting a design with accessibility - The A11Y Project
Specific Roles
Good Fonts for Dyslexia (PDF)
In this paper, we present the first experiment that uses eye-tracking to measure the effect of font type on reading speed. Using a within-subject design, 48 subjects with dyslexia read 12 texts with 12 dif- ferent fonts. Sans serif, monospaced and roman font styles significantly improved the reading performance over serif, proportional and italic fonts. On the basis of our results, we present a set of more accessible fonts for people with dyslexia.
Background: Dyslexia fonts - The A11Y Project
Intopia Webinar: Annotating Designs for Accessibility
An Introduction to Universal Design
This four-part video series provides an introduction to Universal Design for content creators, developers, managers and procurement professionals. It includes resources, tips, and tricks for designing products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design.
Improving the Accessibility of Social Media in Government
Using color
Can I use... Support tables for HTML5, CSS3, etc
Section508.gov
Section508.gov
Section508.gov
WebAIM: Creating Accessible Forms
Accessible forms are easy to understand, complete, and submit. Instructions, cues, required form fields, and field formatting requirements must be clearly identified to users. Error recovery must be intuitive and descriptive.
Accessibility Tips in Single-Page Applications | Deque
Unlighthouse - Site-wide Google Lighthouse
Social-Media-Accessibility-Infographic.pdf
Autocomplete | Vision Australia. Blindness and low vision services
Accessible SVGs
An SVG is not an image, it is a graphics-document. A graphics-document is a type of document in which the visual appearance or layout of content conveys meaning.
A 10-step approach to inclusive branding, using the BBC as an example
Fieldsets, Legends and Screen Readers again
The grouping and labeling of thematically related controls within a form is an important aspect of providing semantic information so users can understand and complete a form successfully.
Orange You Accessible? A Mini Case Study on Color Ratio | Bounteous
6 Quick tests you can do to test your forms for accessibility
Become an accessibility champion by using simple mockup annotations - Ad Hoc
Developer Testing for Accessibility
Finding time to do accessibility testing as a developer is hard. Using automation, we can now test accessibility within our development process.
Translating Design Wireframes into Accessible HTML/CSS - YouTube
Fluent Accessibility Notation
Inclusive Design illustrations
A11y Annotation Kit
Accessible Prototypes Playground
Alt Text Tutorial
This tutorial demonstrates how to provide appropriate text alternatives based on the purpose of the image.
A Complete Guide To Accessible Front-End Components — Smashing Magazine