Modern web browsers have a reader mode that makes articles easier to read by hiding ads and other visual distractions, and by using a more legible font instead of the tiny gray font that seems to be the trend.
To activate reader mode, your content requires only two items:
- Clear page structure and hierarchy: place the content in a single container such as an
<article>
,<div>
, or<span>
. - Several paragraphs: even though my blog follows item 1), shorter blog posts—including this one—don’t trigger reader mode on MacOS Safari.