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.

Focus management consideration

See original GitHub issue

Currently the component uses both .focus() and aria-activedescendant to announce the focused option.

According to spec a composite widget like this, should keep focus on the textbox and focus should be managed by aria-attributes (and CSS for visual highlighting), which is what I have done in my demo.

It would be good to investigate how well this works for AT.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
edwardhorsfordcommented, Apr 27, 2017

I think the current approach seems to work well (for accessibility) - but has the downside that without focus on the input, it’s not obvious that you can continue to type in to it.

1reaction
tvararucommented, Apr 27, 2017

Agree this would be good to investigate.

Historical context: While spiking initial implementations for this I attempted to use aria-activedescendant on its own incorrectly, leading me to falling back to the current .focus() approach, which I saw work well in Leonie’s prototype.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Focus management | Interface guidelines
Another consideration is where the focus should return when the modal is closed. Typically the element that triggered the modal is where focus...
Read more >
5 Things New Managers Should Focus on First
Establish a leadership philosophy. · Focus on the day to day of management and leadership. · Be clear about your communication and your...
Read more >
Lack of Focus: 6 Handy Tips for Attention Management
1. Put your focus on tasks where it counts the most. · Across your job — 20% of your tasks will account for...
Read more >
Focus Management
As users navigate around using only the keyboard, focus rings provide a necessary clue as to the currently active item. WebAIM focus criteria ......
Read more >
Focus Management in 2022 📺
Focus Management in 2022. I recently gave a talk! It's on <dialog> and the inert ... This is amazing considering even Safari has...
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