@W-12627162@ A11y - PLP page filter: change p tags to header tags

SalesforceCommerceCloud / pwa-kit

React-based JavaScript frontend framework to create a progressive web app (PWA) storefront for Salesforce B2C Commerce.

BSD 3-Clause "New" or "Revised" License

285 stars 138 forks source link

Closed vcua-mobify closed 1 month ago

vcua-mobify commented 1 month ago

Small PR to change some <p> tags in the plp filter to <h1> and <h2> tags to aid screen readers in sectioning the plp.

Desktop:

Mobile:

Testing the changes:

Start the app and go to the PLP
Verify the filter dropdown options are in <h2> rather than <p> tags
Resize the screen so you can see mobile view
Open the filter modal
Verify the filter dropdown options are in <h2> rather than <p> tags. Verify the top 'Filter' heading is in <h1>