Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-7718

Accessibility and Usability Improvements for the Search Page Results

XMLWordPrintable

    • Icon: Task Task
    • Resolution: Accepted
    • Icon: Should have Should have
    • 3.6.0
    • 3
    • Search
    • Sprint #255, Sprint #256
    • oberon

      Summary

      The search page needs adjustments to improve its accessibility and usability. This includes adding a skip link, updating the search input, replacing the "Load more results" button with pagination, and improving the clarity of filter checkbox announcements for screen readers.

      Requirements

      • Add a Skip Link to the results section
        • Implement a skip link to allow keyboard users to bypass the filters section and jump directly to the search results section.
      • Remove the "Show 5 more results" button and replace it with the pagination system. (we can tackle that on a follow up ticket)
      • Update the placeholder text of the search input to make it more descriptive (e.g., "Search by name, keyword, or topic").
      • Update the accessible label for filter checkboxes to ensure they clearly communicate the number of results (e.g., "People, 3 results").
      • Add an `aria-label` to active filter button removal (e.g. "Remove Energy filter")
      • Use proper HTML tags on the page
        • Use <section> or <aside> HTML tags for Filters
        • Use <form> for the Search Input (already implemented)

      Resources

       

      • ...

            mleray Maud Leray
            hsaleh Houssam Saleh
            Houssam Saleh Houssam Saleh
            Pedro Figueroa Pedro Figueroa
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: