How to tell Microsoft Edge what it should display in reading mode

Question

Reading mode in Spartan/Edge seems to choose, somehow, which div on the site to display in reading mode. In many pages, it does not find the appropriate div (like bbc.co.uk). However, on our site, it enables reading mode, but then displays the completely wrong part of the page.

So - how can I tell it to take the right part or at least how to disable it on those pages

Answer 1

You can find information on how to optimize reading view, as well as how to opt-out, here: http://dev.modern.ie/testdrive/demos/readingview/

07/10: Edit to include specific information

Specifically, you may be interested in optimizing your title, body, and image markup to ensure a good reading mode experience.

Title

Your page should include a <title> element in the header. In addition, you should include a <meta title=""> tag that matches your main heading in your content section.

Body text

Ensure your main content does not include a lot of deeply nested elements and that font-sizes and other styles are uniform. Style variations for things like pull quotes, etc. should still be fine.

Images

The first eligible image becomes the dominant image of the article. The dominant image is rendered as the first piece of content and given full column width. All following images are rendered as inline images within the article.

Images are recommended to be wrapped in <figure> tags with no more than two <figcaption> tags.

Opting out

Including this meta tag will disable reading mode in IE11 and, currently, Microsoft Edge.

<meta name="IE_RM_OFF" content="true">