WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: how to trash focus when sighted

for

Number of posts in this thread: 6 (In chronological order)

From: Reinhard Stebner
Date: Tue, Dec 17 2019 1:50PM
Subject: how to trash focus when sighted
No previous message | Next message →

I am working with a developer who is attempting to develop a custom
select list box. Is there a tool to help track where programmatic
focus when particular events are being fired? For example when enter
or a arrow key is pressed? Thsi develoepr is sighted and is learning
how to develop with aria and how to manage focus in custom JavaScript
based applications.
or a

From: Steve Green
Date: Tue, Dec 17 2019 2:50PM
Subject: Re: how to trash focus when sighted
← Previous message | Next message →

Create a bookmarklet with the following code:

javascript: console.log(document.activeElement);

When you want to know where focus is, trigger the bookmarklet. The JavaScript Console will show which element has focus.

There is also a bookmarklet called Force Show Focus, which you can get at http://pauljadam.com/bookmarklets.html. This forces a visible focus indicator onto elements.

Steve Green
Managing Director
Test Partners Ltd


From: Murphy, Sean
Date: Tue, Dec 17 2019 2:54PM
Subject: Re: how to trash focus when sighted
← Previous message | Next message →

Steve,

They are useful resources. Thanks.


From: Jonathan Avila
Date: Tue, Dec 17 2019 6:10PM
Subject: Re: how to trash focus when sighted
← Previous message | Next message →

I'd add on to Steve's comment that activeElement is limited to content not in an iframe. If the element is in an iframe activeElement will return the iFrame. You would need to use a more robust script in that case. For focus highlighting I'd also recommend the Stylus extension where you can create your own focus indicators or a tool like ANDI<https://www.ssa.gov/accessibility/andi/help/install.html> although neither will likely highlight items that rely on aria-activedescendant.



Jonathan



From: Reinhard Stebner
Date: Wed, Dec 18 2019 6:59AM
Subject: Re: how to trash focus when sighted
← Previous message | Next message →

thank you very much for your assistance. These suggestions are helping.

On 12/17/19, Jonathan Avila < = EMAIL ADDRESS REMOVED = > wrote:
> I'd add on to Steve's comment that activeElement is limited to content not
> in an iframe. If the element is in an iframe activeElement will return the
> iFrame. You would need to use a more robust script in that case. For focus
> highlighting I'd also recommend the Stylus extension where you can create
> your own focus indicators or a tool like
> ANDI<https://www.ssa.gov/accessibility/andi/help/install.html> although
> neither will likely highlight items that rely on aria-activedescendant.
>
>
>
> Jonathan
>
>
>
>

From: James Nurthen
Date: Wed, Dec 18 2019 11:53AM
Subject: Re: how to trash focus when sighted
← Previous message | No next message

There is also the excellent nerdeFocus chrome extension -
https://chrome.google.com/webstore/detail/nerdefocus/lpfiljldhgjecfepfljnbjnbjfhennpd?hl=en-US
Also available as a bookmarklet - https://github.com/wizzyfx/nerdeFocus


On Wed, Dec 18, 2019 at 5:59 AM Reinhard Stebner < = EMAIL ADDRESS REMOVED = >
wrote:

> thank you very much for your assistance. These suggestions are helping.
>
> On 12/17/19, Jonathan Avila < = EMAIL ADDRESS REMOVED = > wrote:
> > I'd add on to Steve's comment that activeElement is limited to content
> not
> > in an iframe. If the element is in an iframe activeElement will return
> the
> > iFrame. You would need to use a more robust script in that case. For
> focus
> > highlighting I'd also recommend the Stylus extension where you can create
> > your own focus indicators or a tool like
> > ANDI<https://www.ssa.gov/accessibility/andi/help/install.html> although
> > neither will likely highlight items that rely on aria-activedescendant.
> >
> >
> >
> > Jonathan
> >
> >
> >
> >