How to tell Microsoft Edge what it should display in Reading View
Reader mode in Spartan / Edge seems to somehow choose which div on the site to display in read mode. On many pages, it doesn't find a matching div (like bbc.co.uk). However, on our site , it allows us to use Reading Mode, but then displays a completely wrong part of the page.
So - how can I tell it to take up the part you want, or at least how can I disable it in these pages
source to share
You can find information on how to optimize the reading mode as well as how to opt out from here: http://dev.modern.ie/testdrive/demos/readingview/
07/10: Modify to include specific information
In particular, you may be interested in optimizing your header, body, and image markup to provide a good reading experience.
Title
Your page must include an element <title>
in the header. Also, you should add a tag <meta title="">
that matches your main title in your content section.
Body text
Make sure your main content doesn't contain many deeply nested elements and that font size and other styles are consistent. Style changes for things like pull quotes, etc. should still be fine.
Images
The first matching image becomes the dominant image of the article. The dominant image is displayed as the first piece of content and the full column width is specified. All of the following images are displayed as inline images within the article.
It is recommended to wrap images in tags with <figure>
no more than two tags <figcaption>
.
Renouncement
Enabling this tag meta
will disable Reading View in IE11 and, currently, Microsoft Edge.
<meta name="IE_RM_OFF" content="true">
source to share
Add the following tag
<meta name="IE_RM_OFF" content="true">
See below for details. http://dev.modern.ie/testdrive/demos/readingview/
source to share