WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Where should focus be on page load?

for

From: Birkir R. Gunnarsson
Date: Dec 6, 2021 4:58AM

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 REMOVED> > wrote:
> Actually, not just interested to hear from screen reader users but keyboard
> users in general.
>
>