We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Sykje yn Support

Mij stipescams. Wy sille jo nea freegje in telefoannûmer te beljen, der in sms nei ta te stjoeren of persoanlike gegevens te dielen. Meld fertochte aktiviteit mei de opsje ‘Misbrûk melde’.

Mear ynfo

Dizze konversaasje is argivearre. Stel in nije fraach as jo help nedich hawwe.

How can I ensure my web content appears in Reader view?

  • 8 antwurd
  • 2 hawwe dit probleem
  • 2 werjeftes
  • Lêste antwurd fan Huwami

more options

What rules do I need to follow to ensure that content appears in the Reader view mode?

What rules do I need to follow to ensure that content appears in the Reader view mode?

Keazen oplossing

jscher2000 said

A scoring system is used to identify the "main" section of the content, but I don't know how to document it without extensive experimentation Maybe you can follow it better than I can: https://dxr.mozilla.org/mozilla-release/source/toolkit/components/reader/Readability.js#625 (_grabArticle function)

Thanks very much. I'll pass it on to a techie to make sense of it.

Dit antwurd yn kontekst lêze 👍 0

Alle antwurden (8)

more options

Unfortunately, there is not a lot of documentation on this topic.

In most cases, Reader View will work on any website that is structured with the correct HTML tags that are standard. I know, for example, that it is very important to have your blog post, page content or whatever it may be wrapped within the <article> HTML tag.

Here are some web pages that I found about the topic:

I hope this helps.

Bewurke troch Wesley Branton op

more options

Thanks very much. Answers my question but unfortunately doesn't solve my problem. I'll keep an eye open for any new documentation.

Huwami

Bewurke troch Huwami op

more options

Do you have a link to your website? I can take a look to see how you can fix it to make it work with Reader View.

more options

I apologise for the late reply

The website is https://nice.org.uk

These are examples of the pages that don't work:

  1. https://www.nice.org.uk/guidance/QS134
  2. https://www.nice.org.uk/guidance/qs28

The bullet points at the end are lost

https://www.nice.org.uk/standards-and-indicators/how-to-use-quality-standards#identify - the link at the end is lost

more options

On the first two examples, it seems Reader View uses just the contents of the <article> tag.

On the third one, it looks like a random chunk ("Measure the quality of care" section, without that heading) is pulled out of the middle to display in Reader View. I don't know what is going on there, but it's a bit of a tag soup...

more options

I suppose what I'm really looking for is documentation that can be given to developers and web team members to ensure that any pages they write or generate via templates they develop will be able to be displayed as expected in reader view mode if they follow given rules.

I'm not a developer but I do find the feature very helpful. It's a pity Mozilla doesn't promote it more.

If that documentation doesn't exist it would be nice for Mozilla to let everybody know whether it can be expected in future.

more options

A scoring system is used to identify the "main" section of the content, but I don't know how to document it without extensive experimentation Maybe you can follow it better than I can:

https://dxr.mozilla.org/mozilla-release/source/toolkit/components/reader/Readability.js#625 (_grabArticle function)

more options

Keazen oplossing

jscher2000 said

A scoring system is used to identify the "main" section of the content, but I don't know how to document it without extensive experimentation Maybe you can follow it better than I can: https://dxr.mozilla.org/mozilla-release/source/toolkit/components/reader/Readability.js#625 (_grabArticle function)

Thanks very much. I'll pass it on to a techie to make sense of it.