Vue your Media with Accessibility
summary
Claims concrete fixes not platitudes: a CSS/JS-less dark mode by double-invert images and server-side images from cloudy nuri image transforms, contrast fixed with a semi-opaque banner overlay and adjustable opacity, colorblind support by adding texture to images and alternate images, and mandatory descriptive copy for greyscale users. Backing data: ~20% of people have visual impairment, US web accessibility suits jump from 114 to ~2,200 in 2018 and retailers paid millions (Target ~$10M). Tooling: aXe, Accessibility Insights, Lighthouse, WebHint and NoCoffee simulator.
AI-written summary · about
chapters (15)
- 0:00Start
- 5:18Media Accessibility
- 7:20Contrast Sensitivity
- 8:53Colorblindness
- 14:30Dark Mode by Using Css Filter
- 15:22Double Invert on the Image
- 15:47Dark Mode
- 25:09Greyscale Problem
- 25:31Title Description
- 27:13Extra Guidelines for Accessibility
- 31:29Text and Texture
- 32:53Tip a Color Combination
- 33:39Tools
- 34:46Web Hint
- 37:45Color Combination
related talks
35mMedia for everyone - how to make your Vue Apps accessible for all users
37mAccessibility Matters: Creating a Better Web
41mAccessibility is a Requirement
42mA Glimpse Into Accessibility
01h 07mA web for anyone, anywhere, anytime
36mThe Human Side of Accessibility
45mA Glimpse Into Accessibility
44mDesigning with Accessibility in Mind