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


-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Reinhard Stebner
Sent: 17 December 2019 20:51
To: = EMAIL ADDRESS REMOVED =
Subject: [WebAIM] how to trash focus when sighted

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: 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.


-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Steve Green
Sent: Wednesday, 18 December 2019 8:51 AM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] how to trash focus when sighted

[External Email] This email was sent from outside the organisation – be cautious, particularly with links and attachments.

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


-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Reinhard Stebner
Sent: 17 December 2019 20:51
To: = EMAIL ADDRESS REMOVED =
Subject: [WebAIM] how to trash focus when sighted

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: 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



-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Steve Green
Sent: Tuesday, December 17, 2019 4:51 PM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] how to trash focus when sighted



CAUTION: This email originated from outside of the organization. Do not click links or open attachments unless you recognize the sender and know the content is safe.





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





-----Original Message-----

From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >> On Behalf Of Reinhard Stebner

Sent: 17 December 2019 20:51

To: = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >

Subject: [WebAIM] how to trash focus when sighted



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: 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
>
>
>
> -----Original Message-----
> From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Steve
> Green
> Sent: Tuesday, December 17, 2019 4:51 PM
> To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
> Subject: Re: [WebAIM] how to trash focus when sighted
>
>
>
> CAUTION: This email originated from outside of the organization. Do not
> click links or open attachments unless you recognize the sender and know the
> content is safe.
>
>
>
>
>
> 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
>
>
>
>
>
> -----Original Message-----
>
> From: WebAIM-Forum
> < = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >>
> On Behalf Of Reinhard Stebner
>
> Sent: 17 December 2019 20:51
>
> To: = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
>
> Subject: [WebAIM] how to trash focus when sighted
>
>
>
> 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
>
> >
> > http://webaim.org/discussion/archives
>
> > = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
> >
> > http://webaim.org/discussion/archives
>
> > = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
> > > > >

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
> >
> >
> >
> > -----Original Message-----
> > From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of
> Steve
> > Green
> > Sent: Tuesday, December 17, 2019 4:51 PM
> > To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
> > Subject: Re: [WebAIM] how to trash focus when sighted
> >
> >
> >
> > CAUTION: This email originated from outside of the organization. Do not
> > click links or open attachments unless you recognize the sender and know
> the
> > content is safe.
> >
> >
> >
> >
> >
> > 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
> >
> >
> >
> >
> >
> > -----Original Message-----
> >
> > From: WebAIM-Forum
> > < = EMAIL ADDRESS REMOVED = <mailto:
> = EMAIL ADDRESS REMOVED = >>
> > On Behalf Of Reinhard Stebner
> >
> > Sent: 17 December 2019 20:51
> >
> > To: = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
> >
> > Subject: [WebAIM] how to trash focus when sighted
> >
> >
> >
> > 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
> >
> > > >
> > > archives at
> > http://webaim.org/discussion/archives
> >
> > > > = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
> > > >
> > > archives at
> > http://webaim.org/discussion/archives
> >
> > > > = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
> > > > > > > > > >
> > > > >