added clear filters button and improve accessibility in resource filters

[anushkaaaaaaaa]

Fixes

• Fixes [Feature] Explore accessibility for category filters #192 by @possumbilities

Description

Enhanced category filter accessibility with ARIA labels, keyboard navigation support, focus indicators, and a "Clear all filters" button for improved screen reader and keyboard user experience.

Technical details

Added semantic ARIA roles and labels to filter sections, implemented CSS focus styles with high-contrast outlines, and created an accessible clear filters button with keyboard event handlers in listing.js.

Tests

1. Navigate to http://localhost:4000/all/
2. Use Tab key to navigate through filter checkboxes and verify visible focus indicators
3. Select filters using Space/Enter keys and verify the "Clear all filters" button appears
4. Test button with keyboard (Enter/Space) to clear all filters

Screenshots

Checklist

• I have read and understood the Developer Certificate of Origin (DCO), below, which covers the contents of this pull request (PR).
• My pull request doesn't include code or content generated with AI.
• My pull request has a descriptive title (not a vague title like Update index.md).
• My pull request targets the default branch of the repository (main or master).
• My commit messages follow best practices.
• My code follows the established code style of the repository.
• I added or updated unit tests and/or test scripts for the changes I made (if applicable).
• I added or updated documentation (if applicable).
• I tried running the project locally and verified that there are no visible errors.

Developer Certificate of Origin

For the purposes of this DCO, "license" is equivalent to "license or public domain dedication," and "open source license" is equivalent to "open content license or public domain dedication."

Developer Certificate of Origin

Developer Certificate of Origin
Version 1.1

Copyright (C) 2004, 2006 The Linux Foundation and its contributors.
1 Letterman Drive
Suite D4700
San Francisco, CA, 94129

Everyone is permitted to copy and distribute verbatim copies of this
license document, but changing it is not allowed.


Developer's Certificate of Origin 1.1

By making a contribution to this project, I certify that:

(a) The contribution was created in whole or in part by me and I
    have the right to submit it under the open source license
    indicated in the file; or

(b) The contribution is based upon previous work that, to the best
    of my knowledge, is covered under an appropriate open source
    license and I have the right under that license to submit that
    work with modifications, whether created in whole or in part
    by me, under the same open source license (unless I am
    permitted to submit under a different license), as indicated
    in the file; or

(c) The contribution was provided directly to me by some other
    person who certified (a), (b) or (c) and I have not modified
    it.

(d) I understand and agree that this project and the contribution
    are public and that a record of the contribution (including all
    personal information I submit with it, including my sign-off) is
    maintained indefinitely and may be redistributed consistent with
    this project or the open source license(s) involved.

[Copilot]

Pull request overview

This PR enhances accessibility for resource filters by adding ARIA attributes, keyboard navigation support, and a "Clear all filters" button to improve the experience for screen reader and keyboard users.

Key Changes:

• Added semantic ARIA roles and labels to filter sections for better screen reader support
• Implemented visible focus indicators and keyboard navigation for checkboxes
• Created a "Clear all filters" button that appears when filters are active

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

File	Description
docs/_pages/all.html	Added ARIA attributes (role, aria-label, aria-labelledby) to filter sidebar and sections, plus clear filters button HTML
docs/_assets/js/listing.js	Implemented logic to show/hide clear button based on active filters and handle click/keyboard events
docs/_assets/css/style.css	Added styling for clear button, focus indicators for checkboxes, and hover states for accessibility

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.