Automattic / Automattic/jetpack

Search: Focus loss when loading more search results in search modal.

Open
#23,397 0 comments 0 reactions 1 assignee Claimed by @annacmc View on GitHub
[Feature] Search [Focus] Accessibility [Plugin] Jetpack [Pri] Normal Bug
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

### Impacted plugin
Jetpack

### Steps to Reproduce

When the 'Load more' button is clicked, focus is lost, landing outside of the page content in the browser chrome.

### Possible Fix
Accessible options would include:

- "Load more" should retain focus, and give audible notice that new results have been loaded above, so the user knows they have to navigate in reverse to find the new values.

- "Load more" should retain focus, and new results should be loaded below the 'load more' button. Audible notice should be given that new results are loaded.

- "Load more" should retain focus, and insert a link following the button that will link the user to the point in the document where new results have been loaded.

### Other Information
This issue was surfaced to team 51 by an a11y contractor working on a partner site.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.