I have noticed that for whatever reason there is no table of contents on the mobile site. This is a real pain because the only link to the desktop is at the //very bottom// of the page, meaning I need to scroll all the way down to the bottom of the page just to get to the desktop version so I can click the table of contents link.
I'm guessing that the reasoning behind this is that by normally, by default, the mobile site has all headings collapsed, so you're effectively looking at a rough "table of contents" anyway. The problem with this is that when you browse without Javascript, the mobile site falls back to "all headers uncollapsed", because the header-collapsing is implemented in JS.
= Analysis
@0x0077BE suggest one or more of the following mitigations:
- Put a "desktop" link either at the top of the page or under the hamburger menu that's in the top left corner (I think this would be useful even if other recommendations are adopted)
- Add a table of contents to the "no javascript" fallback page.
- Implement the header collapsing behavior using CSS if possible.
= Developer notes
We've had many ideas for how to fix the table of contents on mobile, but it's a tricky problem.
Sticky headers (T197718) may remove the need for a table of contents
Prototype here: https://in-article-navigation.firebaseapp.com/sticky-headers.html
Provided any solution is JS based, we are pretty flexible in what we do here.