Augmenting Empathy: Simulating Low-Vision Conditions with CSS, SVG and WebRTC
summary
Builds real-time simulators using CSS, SVG color matrix and WebRTC camera to approximate specific low-vision conditions, not vague examples. Demonstrates a live red-green sheet that isolates red vs green, cites ~8% of northern European men and 0.5% of women with red‑green deficiency, and recreates macular degeneration via radial gradients and blend modes. Shows stereoscopic VR/headset mode, full-screen and orientation-lock handling, and argues simulators increase understanding but do not replace direct contact and listening to people with low vision.
AI-written summary · about
chapters (11)
- 0:00Start
- 4:07Colorblindness
- 6:02Filter Effects
- 6:26Svg Color Filter
- 10:47What Exactly Is Compositing
- 13:10Blending
- 14:24Hue Gen Mode
- 15:06Macular Degeneration
- 18:04Orientation Lock Api To Lock the Orientation
- 18:52Display Modes
- 22:14Recognizing the Strengths and the Potential
related talks
21mRethinking web accessibility: Using AR for people with disabilities
15mAccessibility: A line of code can be many things
08mExploring color blindness simulations as tools to create chromatically accessible games
11mVIP-Sim: A User-Centered Approach to Vision Impairment Simulation for Accessible Design
45mA Glimpse Into Accessibility
06mBreaking The Eyes
45mAccessibility & Ember: Learning about Colorblindness
05mFlying Blind Accessibility in Monitoring