Change Details

NOTE: Spoke to Alex Hollender about this yesterday and there are no plans to add the table of contents as is to mobile. Instead we plan to eventually pin the current section to the top of the page, to allow easier article navigation. I have a todo to find any mocks/prototypes relating to this feature. 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.

NOTE: Spoke to Alex Hollender about this yesterday and there are no plans to add the table of contents as is to mobile. Instead we plan to eventually pin the current section to the top of the page, to allow easier article navigation. I have a todo to find any mocks/prototypes relating to this feature. There is no table of contents on the mobile site. 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. Having some way to access table of contents on mobile, which doesn't require JavaScript would help aid reader navigation around large articles. = Possible mitigations @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.

NOTE: Spoke to Alex Hollender about this yesterday and there are no plans to add the table of contents as is to mobile. Instead we plan to eventually pin the current section to the top of the page, to allow easier article navigation. I have a todo to find any mocks/prototypes relating to this feature. I have noticed that for whatever reason there is no table of contents on the mobile site.There is no table of contents on the mobile site. 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, This is a real pain because the only link to the desktop is at the //very bottom// of the pagethe mobile site falls back to "all headers uncollapsed", 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 linkbecause the header-collapsing is implemented in JS. 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"Having some way to access table of contents on mobile, because the header-collapsing is implemented in JSwhich doesn't require JavaScript would help aid reader navigation around large articles. = Analysis= Possible mitigations @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.