25

The latest version of Firefox has a button called "Reader View" that is supposed to hide the clutter on the page such as sidebars and headers and only show the article.

https://support.mozilla.org/en-US/kb/firefox-reader-view-clutter-free-web-pages

How do I make my site compatible with this button? When I click the button on my site it says:

Failed to load article from page

Improve this question
4
  • Firefox's readerview
  • Microsoft's Read later thing
  • Chrome's Readability
  • Evernote's Clearly
  • Safari's Reading List

All of these have one thing in common.. they need text and they need properly formed HTML code behind them.

Having these two things in your website will not only make them work with these new features but will also give you the benefit of meeting more SEO requirements for better placement in the search engines.

Improve this answer
  • I can confirm that malformed HTML can cause the readerview to not appear. – Marco Tolk Nov 27 '15 at 13:03
  • Is a markup validation service that can check whether a page is displaying "malformed HTML" currently available? I mean malformed in the screen reader context. – IGP Nov 18 '20 at 23:56
2

You need at least one <p> tag around the text, you want to see in Reader View and at least 516 characters in 7 words inside the text.

Improve this answer
  • 8
    Do you have a reference? – MrWhite Sep 2 '15 at 9:43
  • And how about cases where there are also images, videos, and widgets? My pages have very little text. – Stephen Ostermiller♦ Sep 2 '15 at 10:10
1

There seems to be no official documentation about this, see https://support.mozilla.org/en-US/questions/1067528. However, I'd advise trying wrapping your article in <article> tag.

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.