Engineering Beautiful and Accessible Text
summary
Claims an open source library that makes design-system typography objects the runtime primitive, not raw fonts, and that reproduces designer line heights while supporting Dynamic Type and accessibility bold text for custom fonts. Implements proportional line-height scaling so 14→21pt scales correctly, wires attributed-string logic into controls, and provides color-contrast helpers plus unit tests across 13 dynamic sizes (26 accessibility combinations) so you can detect real failures like insufficient contrast or clipped layout.
AI-written summary · about
chapters (17)
- 0:00Start
- 4:09Typography
- 4:34What Is Typography
- 5:34Text Styles
- 7:48Layouts
- 9:00How Do We Achieve Line Height
- 10:30Width and Height Constraints
- 14:12Proportional Line Height Scaling
- 14:41Accessibility Bold Text Support for Custom Fonts
- 16:50Accessibility Labels
- 17:17Accessibility Hints
- 19:01Color Can Make Your Text Accessible
- 22:07Calculating the Contrast Ratio
- 23:00Inverse Gamma Rgb
- 23:54Unit Testing Colors
- 29:46Constrain the Width or Height of any View
- 34:07Figma Plugins
related talks
39mTypographer vs. Accessibility
46mRESPONSIBLE RESPONSIVE TYPOGRAPHY: A CRASH-COURSE ON VARIABLE FONTS AND ACCESSIBILITY
50mCode, Layout & Design for Dynamic Type
56mTypographer vs. Accessibility
25mTypography is the foundation of any design system
43mCracking the Code
01h 18mType Is Design:Fix Your UI with Better Typography and CSS
01h 03mFonts, Form and Function: A Primer on Digital Typography