[wp-trac] [WordPress Trac] #38555: Twenty Seventeen: Scroll down arrow in fixed main navigation

[WordPress Trac]

#38555: Twenty Seventeen: Scroll down arrow in fixed main navigation
-------------------------------------------------+-------------------------
 Reporter:  LittleBigThing                       |      Owner:
     Type:  enhancement                          |     Status:  new
 Priority:  normal                               |  Milestone:  Awaiting
Component:  Bundled Theme                        |  Review
 Severity:  normal                               |    Version:  trunk
  Focuses:  ui, accessibility, javascript,       |   Keywords:
  template                                       |
-------------------------------------------------+-------------------------
 The top, main navigation of the Twenty Seventeen theme has a down-arrow on
 wide screens. It appears on the front and blog page when a large (= heigh)
 header image/video is shown.

 The arrow is used to make clear that there is more on the page: when
 clicked the page scrolls to the content, moving the main navigation -
 initially on the bottom of the page - to the top.

 When the user scrolls further, the main navigation becomes fixed at the
 top. The arrow remains in the navigation and functions still the same way
 as described above. So, when the user is, for example, at the bottom of
 the page, there is still a down-arrow present, scrolling to the top when
 clicked. '''This is kind of unexpected'''.

 A solution could be to:
 - change the arrow to an up-arrow or
 - remove/hide the arrow
 when the main navigation is fixed.

 The easiest way could be transforming the arrow to point upwards when the
 navigation is fixed:

 {{{
 .site-navigation-fixed .icon-next {
     transform: rotate(180deg);
     /* transition: transform 0.2s ease-in-out; */
 }
 }}}

 This has the advantage above removing the arrow that it can be used as a
 'scroll-to-top' button.

 There is also a screen reader text for the arrow: 'Scroll down'. This
 should then be changed, too. Something like 'Scroll to content start'.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/38555>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform