WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Where should focus be on page load?

for

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

From: Mark Magennis
Date: Mon, Dec 06 2021 3:29AM
Subject: Where should focus be on page load?
No previous message | Next message →

--_004_PH0PR08MB7065F15C3AE2AD7B41C544D1E56D9PH0PR08MB7065namp_
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: quoted-printable

I'd be interested in hearing the opinions of screen reader users or those w=
ho are very familiar with screen reader users' experiences about where focu=
s should be when a page loads. I see this as a usability issue rather than =
a compliance one.

The way I've always looked at this is that when a new 'page' is opened - ei=
ther a new URL or, in a single page application, a new distinct functional =
chunk (vague I know), focus should normally go to the top of the page. This=
helps with predictability and consistency. Only in exceptional circumstanc=
es should focus be moved to somewhere else such as the start of the unique =
page content.

In my thinking, exceptional circumstances are when the user is engaged in a=
predictable workflow, where the current step leaves focus somewhere distan=
t from the content the user will predictably need to read or interact with =
next. An example is a site search that opens a search results page. It is p=
redictable that after submitting the search the user will want to immediate=
ly read the results. It's hard to imagine a scenario when this will not be =
the case. So when the search results page open, it is helpful to place focu=
s at the start of the results, usually on a results statement such as "Show=
ing 20 of 1,483 results for xxxxx". Other predictable workflows occur withi=
n multi-step processes such as purchasing or ticket booking where at each s=
tep the user will always want to go to the start of the step instructions o=
r inputs. So it is helpful to place them there when the step is loaded.

Am I looking at this the right way, or is it helpful to place focus at the =
start of the unique content more often, even on most pages perhaps?

Aside from page loads, content changes with predictable workflows seem to o=
ccur whenever hidden content is revealed or new content is added to a page.=
For example, if a 'Show Table of Contents' button is used to open a conten=
t navigation panel should focus be moved to the panel because it is predict=
able that the user will want to use it (why would they have opened it other=
wise)? Or when an 'Add New Record' button in a table toolbar causes a new r=
ow to be added to the table containing fields that need to be filled in. It=
seems predictable that the user will want to immediately fill them in, so =
should focus always be moved to the first field in the newly added row?

Would be very interested to hear users' preferences. Thanks,
Mark

Mark Magennis (he/him)
Senior Accessibility Specialist
Skillsoft | mobile: +353 87 60 60 162
www.skillsoft.com<;http://www.skillsoft.com/>;

[Skillsoft / Sumtotal]


--_004_PH0PR08MB7065F15C3AE2AD7B41C544D1E56D9PH0PR08MB7065namp_
Content-Type: image/png; name="image001.png"
Content-Description: image001.png
Content-Disposition: inline; filename="image001.png"; size=12708;
creation-date="Mon, 06 Dec 2021 10:29:38 GMT";
modification-date="Mon, 06 Dec 2021 10:29:38 GMT"
Content-ID: <image001.png@01D7EA88.2C195AF0>
Content-Transfer-Encoding: base64

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

--_004_PH0PR08MB7065F15C3AE2AD7B41C544D1E56D9PH0PR08MB7065namp_--

From: Mark Magennis
Date: Mon, Dec 06 2021 4:43AM
Subject: Re: Where should focus be on page load?
← Previous message | Next message →

Actually, not just interested to hear from screen reader users but keyboard users in general.

From: Birkir R. Gunnarsson
Date: Mon, Dec 06 2021 4:58AM
Subject: Re: Where should focus be on page load?
← Previous message | Next message →

If it's a full page reload focus should go to the top of the page (its
expected behavior).
By full page reload I basially mean the whole main content of the page
is refreshed and the title is changed.
If the page has more than 5 focusable elements in the header, it
should ahve a skip link anyway to quickly get the usre back to main
content (the 5 rule is my best practice, not WCAG).

If the reload happened as a result of the user clicking the "back"
button, focus should go to the link used to navigate to that page.

If focus is returning from a modal dialog or tooltip, focus should be
placed back on the element used to trigger its display (unless the
user took action in the dialog that changed the context, e.g. delete
an item or navigate elsewhere).

If the user deleted an item from a table or list, focus should either
go to the top of the table/list or to the element prior to the one
being deleted (or the ome immediately following), no hard rule but it
makes sense, you don't want to interup the user's train of thought and
they might not be done interacting with that content.

If you have an accordion or tab that the user activates, the focus
stays on the trigger used to display content, it does not move.

If you trigger display of content that does not immediately follow the
location of the trigger, the focus should go to the beginning of that
content.

For other issues, use your best judgment or consult with your UX team
and/or usability testing.

On 12/6/21, Mark Magennis < = EMAIL ADDRESS REMOVED = > wrote:
> Actually, not just interested to hear from screen reader users but keyboard
> users in general.
>
>

From: Tim Harshbarger
Date: Mon, Dec 06 2021 5:00AM
Subject: Re: Where should focus be on page load?
← Previous message | Next message →

I think this issue is probably less confusing for screen reader users than
most people think. If the focus starts on some kind of form control, I
suspect screen reader users will assume they are not at the top of the page
but somewhere further in it. If it starts on a link, it probably depends on
whether or not the link sounds like it should be something at the top of the
page. For example, if the focus were placed on a skip link or a homepage
link a screen reader user might think they are at the top of the page. Once
a screen reader knows or suspects they are not at the top of the page and if
they want to go there, it is fairly trivial to accomplish that.

I suspect the location of the focus is more important to keyboard users. If
it goes to somewhere on the page they want to be or close to it, you saved
them a lot of tabbing. If it is not close to where they want to go, what
will it take to get them where they want to go?

Thanks,
Tim
Tim Harshbarger

From: Mark Magennis
Date: Mon, Dec 06 2021 5:29AM
Subject: Re: Where should focus be on page load?
← Previous message | Next message →

Bikir wrote: If it's a full page reload focus should go to the top of the page (its expected behavior).

Mark replies: So you wouldn't agree that there are any special circumstances where focus should be placed at the start of the unique page content, such as on a search results page?

Mark

From: Birkir R. Gunnarsson
Date: Mon, Dec 06 2021 6:26AM
Subject: Re: Where should focus be on page load?
← Previous message | Next message →

It's a case by case basis, e.g. should focus go directly to "username"
on a login page.
If there is no critical info about logging in before the login field,
it makes sense to place the focus there directly.
Like you said, if this a search results page, maybe put focus on the
search results heading. It ends up being a judgment call. If searching
reveals a whole new page ( you type in a phrase, click a search
button, and a new page loads) I'd rather start at the top and navigate
to "search results".
If the search results are dynamic (they get displayed as you type) or
only the search result component gets updated on the page, maybe put
the focus on the search results heading directly. Keep in mind that
you can only do that if user clicks a button to search, you never know
when they are done typing into the search input and you can't disrupt
them.

I've found that screen readers do not always follow your focus
placement, especially in browse mode, unless you are placing focus on
a focusable element.



On 12/6/21, Mark Magennis < = EMAIL ADDRESS REMOVED = > wrote:
> Bikir wrote: If it's a full page reload focus should go to the top of the
> page (its expected behavior).
>
> Mark replies: So you wouldn't agree that there are any special circumstances
> where focus should be placed at the start of the unique page content, such
> as on a search results page?
>
> Mark
> > > > >


--
Work hard. Have fun. Make history.

From: Geethavani.Shamanna
Date: Mon, Dec 06 2021 6:39AM
Subject: Re: Where should focus be on page load?
← Previous message | Next message →

I would like to add another item to this well-compiled list.

When adding items to the shopping cart on a popular supermarket site, on selecting the quantity for an item and clicking the Add button, the page refreshes and focus moves to the top of the page. Here the focus should ideally move to the item following the one that has already been added. If an item is added without altering the quantity, then the focus moves to the next item as expected. On supermarket sites where shoppers are likely to add dozens of items, testing the focus behaviour is very critical.

From: Andrews, David B (DEED)
Date: Mon, Dec 06 2021 9:20AM
Subject: Re: Where should focus be on page load?
← Previous message | Next message →

It is not confusing to experienced users, but may be to a newbie. Also, depending on the complexity of the page, and degree of interaction -- if focus is moved a lot, it can be very frustrating!

Dave



From: Benjamin.Hofer
Date: Tue, Dec 07 2021 12:54AM
Subject: Re: Where should focus be on page load?
← Previous message | No next message

I think it sepends a lot if we talk about single-page applications with little or no page reloads or web applications (backend frameworks) with "real" page reloads.
For a single page app, I have to rely on focus placement as a screenreader user. That's very crucial because otherwise no changes/action is visible for a screenreader user. In fact, those apps tend to be very accessible and convenient to use if things like focus placement were tought. If accessibility is not built in, these are the most frustrating ones...
When it comes to "traditional" web pages with "real" page reloads, focus is not so important. In my view, it's convenient to place it somewhere important on a page (e.g. where the content starts / first heading etc.9, but that depends a lot on the page content itself..

-----Ursprüngliche Nachricht-----
Von: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > Im Auftrag von Andrews, David B (DEED)
Gesendet: Montag, 6. Dezember 2021 17:21
An: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Betreff: Re: [WebAIM] Where should focus be on page load?

It is not confusing to experienced users, but may be to a newbie. Also, depending on the complexity of the page, and degree of interaction -- if focus is moved a lot, it can be very frustrating!

Dave