WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Having an application element gain focus when the pageloads?

for

From: Wolfgang Berndorfer
Date: Mar 12, 2018 2:22PM

Consider: Autofocus navigates me, while I navigate to tabindex. I think,
autofocus should be used very rarely. Are there relevant informations or
functionalities above the element with autofocus? If Yes, I’d have to
navigate out of the autofocussed element to gain them.

Wolfgang

-----Ursprüngliche Nachricht-----
Von: WebAIM-Forum [mailto: <EMAIL REMOVED> ] Im Auftrag
von Brandon Keith Biggs
Gesendet: Montag, 12. März 2018 18:08
An: WebAIM Discussion List
Betreff: Re: [WebAIM] Having an application element gain focus when the
pageloads?

Hello,
The app is similar to a game, where all the keyboard input needs to be
passed to the element.

<div role="application">
<input type="button" autofocus="true"/>
</div>

seems to work really well.
Is there an advantage to using tabindex rather than autofocus?
Thanks,


Brandon Keith Biggs <http://brandonkeithbiggs.com/>;

On Mon, Mar 12, 2018 at 9:44 AM, Jonathan Avila < <EMAIL REMOVED> >
wrote:

> > Or does the page also contain other things that are outside of the
> application area, but you'd want THAT to be accessed first?
>
> I would strongly advise against using the role application on a body
> element. The application role should only be reserved for specific
widgets
> where no other role fits and keys need to be passed through from the
screen
> reader to the content. Use of application mode is often misused and
limits
> the user's access and in my opinion often is a flag for an application
that
> was designed by people who do not understand who users who are blind or
> visually impaired use screen readers, quick navigation keys, and other
> features.
>
> There may be some specific situations where it is appropriate for the body
> element but it would be extremely limited.
>
> Jonathan
>
> Jonathan Avila
> Chief Accessibility Officer
> Level Access
> <EMAIL REMOVED>
> 703.637.8957 office
>
> Visit us online:
> Website | Twitter | Facebook | LinkedIn | Blog
>
> See you at CSUN in March!
>
>