question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Skip Navigation Accessibility Element Auto Focusing Then Showing on Open

See original GitHub issue

Michael Mitnick said this is a reported bug and should be fixed by the next update patch. However, I can’t find any issues or fixes for it, so I’ll post the issue anyway.


When you close the app with the x in the top right, then go to the system tray and open it again, the “Skip Navigation” accessibility element is unhidden and displayed.

I didn’t find any issue listed here, but it has been reported in the Foundation.

Might be one for @btzr-io https://github.com/lbryio/lbry-desktop/pull/6470

image

image

image image

Possible solutions:

React:

public onOpen = (args: any): void =>{args.preventFocus = true}

On app focus, unfocus elements with CSS.

windowObj.blur();

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
tzarebczancommented, Sep 9, 2021

Thanks for filing, don’t think we’ve seen this one before!

0reactions
QuirkyRobotscommented, Sep 13, 2021

That’s the issue, it wasn’t appearing on focus as such, it was appearing on open. It should be something I never see. I’m not sure what it’s purpose is. Should it be there? Anyway, I’ve not be able to reproduce it recently, so not a big issue if no one else is reporting it. It’s just one of those mysteries.

Read more comments on GitHub >

github_iconTop Results From Across the Web

NVDA Skips first focusable element on initial page load when ...
This is a visual focus problem, when you load the page focus is placed on the document (by the browser) and the first...
Read more >
Skip links are not the first focused element on internal navigation
It mostly works the way you wanted, except the Skip Link gets focused automatically when the page is loaded/reloaded. Any idea how to...
Read more >
Skip Navigation Links - WebAIM
Visible skip links​​ The easiest method of creating a skip navigation link is to put it at or near the top of the...
Read more >
A Deep Dive on Skipping to Content | CSS-Tricks
So, in this article, I'm going to take a deep dive into skipping to ... to bring up the “Elements List” then ALT...
Read more >
Web Accessibility: Skip Navigation Links - Big Nerd Ranch
While they may visually shift focus to the location of the target or named anchor for the “skip” link, they do not actually...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found