[wp-trac] [WordPress Trac] #46371: Make sure in-page anchors are not hidden behind top bars

[WordPress Trac]

#46371: Make sure in-page anchors are not hidden behind top bars
---------------------------------------+-----------------------------------
 Reporter:  afercia                    |       Owner:  SergeyBiryukov
     Type:  defect (bug)               |      Status:  reviewing
 Priority:  normal                     |   Milestone:  Future Release
Component:  Toolbar                    |     Version:
 Severity:  normal                     |  Resolution:
 Keywords:  has-screenshots has-patch  |     Focuses:  ui, accessibility,
                                       |  css
---------------------------------------+-----------------------------------

Comment (by sabernhardt):

 Before testing these links on the front end, make sure the admin toolbar
 shows. If not, view your profile to check the "Show Toolbar when viewing
 site" setting checkbox.


 ==== Link targets within the page/post

 (adapted from #43452 description - props @kokkieh and @designsimply)

 1. Create a new post (or page).
 2. Add some text, at least a few paragraphs.
 3. Add a Group or Heading block and assign an HTML anchor under
 "Additional" section in sidebar menu. (If using the Classic editor, you
 could add an id attribute to some text that appear below the fold. If you
 have a plugin for inserting footnotes, that would create both this target
 and the link in step 4.)
 4. Add a link in one of the earlier paragraphs targeting the id.
 5. Publish the post, view, and click the link.
 6. The target (whether Group, Heading, footnote, etc.) should appear
 directly below the admin toolbar.


 ==== Continue Reading links (More block/tag)

 1. If using Twenty Twenty or Twenty Twenty-One, check your Theme Options
 ("Excerpt Settings" in TT1) to make sure the archive pages show Full Text
 instead of Summary.
 2. Create a new post.
 3. Add some text, at least a few paragraphs.
 4. Add a More block (or Read More tag in the Classic editor) between two
 elements of the content.
 5. View either the blog page or a category archive.
 6. Click the Continue Reading link (it may show different text).
 7. On the post page, the element immediately after the More tag should
 appear directly below the admin toolbar.


 ==== Skip to Content link on the front end

 1. On any front-end page, press the tab key until you see your theme's
 "Skip to content" link. If your theme does not have such a link, you could
 try any theme with the Accessibility Ready tag (or you could try creating
 one with the WP Accessibility plugin).
 2. Click the Skip to content link.
 3. The main content area should appear directly below the admin toolbar.


 ==== "Skip to main content" link in the admin

 1. On any admin page, press the tab key until you see the "Skip to main
 content" link.
 2. Click the Skip to main content link (or press the Enter key).
 3. The main content area should (continue to) appear directly below the
 admin toolbar. This includes any "Screen options" and/or "Help" buttons at
 the top.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/46371#comment:21>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform