Scroll to top: Where should the focus land?

Recently, I activated a new theme on DigitalA11y.com to give the blog a fresh start in terms of design and also wanted to upgrade all the old posts into Gutenberg blocks. I chose the Kadence theme as I heard it was one of the best and got started with it. The theme provided a link in the footer Scroll to Top that initially did not work when I activated. The focus visually scrolls but for a screen reader user and a keyboard user, the keyboard focus is still on the Scroll to Top link.

I reached out to developer on WordPress support forum and the developer was very responsive. During our discussion I asked the developer to move focus to “Skip to content” link and he replied that a lot of accessibility specialists he consulted suggested that focus should be set on the body tag.

Here is my question to the accessibility community, where should the focus move in this scenario?

  • Moving focus to body tag will not enable screen reader to announce anything. Focus moves to body region and NVDA has no feedback for user. Pressing insert+tab to check current focus announces information that is not helpful.
  • the accessible name of the link [...]
  • Read article at digitala11y.com

    Article Taxonomies

    Categories:
    Fatal error: Uncaught Error: Object of class WP_Error could not be converted to string in /home/webable/www/www/wp-content/themes/webable/content-mcm.php:65 Stack trace: #0 /home/webable/www/www/wp-includes/template.php(792): require() #1 /home/webable/www/www/wp-includes/template.php(725): load_template('/home/webable/w...', false, Array) #2 /home/webable/www/www/wp-includes/general-template.php(206): locate_template(Array, true, false, Array) #3 /home/webable/www/www/wp-content/themes/webable/single-mcm_article.php(15): get_template_part('content-mcm') #4 /home/webable/www/www/wp-includes/template-loader.php(106): include('/home/webable/w...') #5 /home/webable/www/www/wp-blog-header.php(19): require_once('/home/webable/w...') #6 /home/webable/www/www/index.php(17): require('/home/webable/w...') #7 {main} thrown in /home/webable/www/www/wp-content/themes/webable/content-mcm.php on line 65