Skip to content

Conversation

@ChristopherChudzicki
Copy link
Contributor

What are the relevant tickets?

Closes https://github.com/mitodl/hq/issues/5419

Description (What does it do?)

Puts facets after search results in tab order (and DOM order)

How can this be tested?

  1. There should be no visual change.
  2. Tab though the search page—either at /search or on the channel pages. Starting from the search text field, you should see:
    1. Text field
    2. Tabs (All | Courses | Programs) *Only the active tab is tabable. The other tabs are navigated to via arrow keys.)
    3. Sort dropdown
    4. Search results x 20 (or whatever)
    5. THEN facets

Note: This change makes the facets a bit harder to get to, but the search results themselves are easier to get to.

Facets are still—somewhat—easily navigated to with a screenreader via the "Search FIlters" heading.

@ChristopherChudzicki ChristopherChudzicki added the Needs Review An open Pull Request that is ready for review label Oct 30, 2024
@ChristopherChudzicki ChristopherChudzicki marked this pull request as ready for review October 30, 2024 14:06
Copy link
Contributor

@jonkafton jonkafton left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Even after my short time spent VoiceOver testing #1778, I am very grateful for this change!

@ChristopherChudzicki ChristopherChudzicki merged commit dd8fd99 into main Oct 30, 2024
11 checks passed
@rhysyngsun rhysyngsun deleted the cc/search-tab-order branch February 7, 2025 20:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Needs Review An open Pull Request that is ready for review

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants