How to design for Safari Reader
If you use or test with the latest Safari web browser you may have noticed that you get a "Reader" button that pops up in the address bar. This means that safari can suck the main content out of the web page and present it in an uncluttered format (the Safari Reader) - their idea is that it "removes annoying ads and other visual distractions from online articles. So you get the whole story and nothing but the story". Not all pages present this reader icon - that's because safari has to parse the html file and understand what is the main content and what is the external fluff. Basic rules to kick safari into offering the reader seem to be: Use the right markup, i.e. make sure the most important content is wrapped inside a container element. Whether you use <article>, <div> or even <span> doesn’t seem to matter — as long as it’s not <p>. The content needs to be long enough. Use enough words, use enough paragraphs, use enough punc...