Change Details

===User story As a KaiOS user, I want to be able to see a table of contents, so that I can jump to the section that’s most interesting to me quickly ===Acceptance criteria Clickable button that leads to options to choose sections of an article ====Note Table of contents can also be done through tabs (see News App, or KaiOS store) ===Proposed design ====Mocks |Article header | Article TOC (aka Sections) |--- |--- | {F30875755 width=220} | {F30875757 width=220} | https://zpl.io/25oJjKJ | https://zpl.io/bPDxOzM ====Design details - Readers can access the TOC (called 'sections' either by selecting it from the quick access buttons on the article title page or by tapping on the right software key (labeled 'sections') throughout the article view. - Sections is presented as a list view with different type stylings used to differentiate between H1s, H2s and H3s

===User story As a KaiOS user, I want to be able to see a table of contents, so that I can jump to the section that’s most interesting to me quickly ===Acceptance criteria Clickable button that leads to options to choose sections of an article ====Note Table of contents can also be done through tabs (see News App, or KaiOS store) ===Proposed design ====Mocks |Article header | Article TOC (aka Sections) |--- |--- | {F31064691 width=220} | {F31064690 width=220} | https://zpl.io/25oJjKJ | https://zpl.io/bPDxOzM | | Screen type: list ====Interaction details | Screen | D-pad center | D-pad up/down | D-pad left/right |LSK | RSK |--- |--- |--- |--- |--- |--- | //Article header// | Selects focused link| Up- N/A, Down - Moves to next page in article | Cycles through header options (and links if there is no lead image) | Returns to search results | Opens menu | //Article TOC (aka Sections)// | Selects focused list item | Shifts focus up and down the list | N/A | Closes view and returns to last shown screen | n/a ====Design details - Readers can access the TOC (called 'sections' either by selecting it from the quick access buttons on the article title page or by tapping on the right software key (labeled 'sections') throughout the article view. - Sections is presented as a list view with different type stylings used to differentiate between H1s, H2s and H3s

===User story As a KaiOS user, I want to be able to see a table of contents, so that I can jump to the section that’s most interesting to me quickly ===Acceptance criteria Clickable button that leads to options to choose sections of an article ====Note Table of contents can also be done through tabs (see News App, or KaiOS store) ===Proposed design ====Mocks |Article header | Article TOC (aka Sections) |--- |--- | {F308757551064691 width=220} | {F308757571064690 width=220} | https://zpl.io/25oJjKJ | https://zpl.io/bPDxOzM | | Screen type: list ====Interaction details | Screen | D-pad center | D-pad up/down | D-pad left/right |LSK | RSK |--- |--- |--- |--- |--- |--- | //Article header// | Selects focused link| Up- N/A, Down - Moves to next page in article | Cycles through header options (and links if there is no lead image) | Returns to search results | Opens menu | //Article TOC (aka Sections)// | Selects focused list item | Shifts focus up and down the list | N/A | Closes view and returns to last shown screen | n/a ====Design details - Readers can access the TOC (called 'sections' either by selecting it from the quick access buttons on the article title page or by tapping on the right software key (labeled 'sections') throughout the article view. - Sections is presented as a list view with different type stylings used to differentiate between H1s, H2s and H3s