Code, Layout & Design for Dynamic Type
summary
Explains how to actually ship Dynamic Type: use UIContentSizeCategory and text styles (headline/body), call UIFont.preferredFont and UIFontMetrics + scaledFont for custom fonts, enable automatically adjustsFontForContentSizeCategory and set numberOfLines = 0, and observe changes in traitCollectionDidChange. Notes accessibility adds five larger steps, recommends automatic table row heights (automaticDimension + estimatedRowHeight), define a bottom constraint, use PDF assets for icons, and assumes everything must scroll; cites vision stats (myopia 42%, presbyopia ~100% by age 40, ~826M near‑vision impaired).
AI-written summary · about
chapters (31)
- 0:00Intro
- 1:59Refractive Problems
- 4:02Presbyopia
- 5:4020/20 Vision
- 8:32Low Vision
- 9:26Vision Impairment
- 10:20What Is Dynamic Type?
- 12:52Settings Display & Brightness Text Size
- 13:23Add to Control Center
- 14:02Larger Accessibility Sizes
- 14:55UlFont.Text Style
- 19:001. Change font to semantic style
- 19:37Set to resize to fit
- 20:11Set to auto adjust
- 21:10Constraints
- 22:33Add another label
- 23:54Accessibility Inspector
- 26:13Text Elements
- 27:25UITextView
- 28:07Table Views
- 28:42Custom Table View Cells
- 29:47Adapting the Layout
- 31:43Responding to Change
- 33:28Switch to a More Vertical Layout
- 34:34"Freebies" for Accessibility Sizes
- 36:22You Will Anyway, Won't You?
- 38:16Custom Fonts
- 39:36Aside: Which Font Name?
- 40:06Apple Design Guidance
- 42:38Maximizing Width
- 43:43Everything Must Scroll
related talks
40mDynamic Typography & Adaptive Layouts in iOS 11
47mPixel perfect is dead, long live to adaptive and accessible iOS apps
39mEngineering Beautiful and Accessible Text
28mA11y-oop Adding new Accessibility Features to not-so-new Apps
56mTypographer vs. Accessibility
46mRESPONSIBLE RESPONSIVE TYPOGRAPHY: A CRASH-COURSE ON VARIABLE FONTS AND ACCESSIBILITY
40mIncreasing Your App's Accessibility to Optimize It for All Users
37mKeynote