Accessibility & Ember: Learning about Colorblindness
summary
A usable color blindness emulator exists as an Ember app deployed on Netlify and a Chrome extension that applies SVG filters by hell2u across pages. The project measures reality: about 1 in 12 people with XY and 1 in 200 with XX chromosomes can be colorblind, roughly 350 million worldwide. Demos show eight subtypes (protan, deutan, tritan, achromat and anomalies), breakage cases (forms, links, color pickers, charts), and fixes that work: higher brightness/contrast, patterns and shapes, and an Ember app and Chrome extension to test sites.
AI-written summary · about
chapters (23)
- 0:00Start
- 2:14How Many People Are Colorblind
- 6:09Introduction
- 9:11Color Blindness Emulator
- 11:54Deuterinopia
- 12:53Deuteronomy
- 14:13Tritanopia
- 16:04Acromatopsia
- 18:37Links and Colors
- 19:40Color Contrast
- 20:29Color Picker
- 22:00Pie Charts
- 25:28Create a Chrome Extension
- 26:39Types of Color Blindness
- 28:56Chromatopsia
- 29:24Sunburst Diagram
- 32:30Data Visualization
- 33:09Red Color Blindness
- 34:46Designing in Grayscale
- 36:20Pre-Attentive Processing
- 38:26Colors and Shape
- 40:08Color Brewer 2 0
- 42:54Conclusion
related talks
08mExploring color blindness simulations as tools to create chromatically accessible games
25mYou can’t read this sentence - A11y automation
12mReact Accessibility: Beyond the Basics
36mAccessibility in Ember: where we are, where we need to go, how to get involved
05mFlying Blind Accessibility in Monitoring
40mBeyond Aesthetics: Designing with Color for Accessibility and Inclusion
27mDesign for the colourblind
50mYou can't read this sentence