From bea8a4780c6971b63c58dd110128e43fc44b7b91 Mon Sep 17 00:00:00 2001
From: Vlad Dlogush <31504758+VladDlogush@users.noreply.github.com>
Date: Tue, 27 Feb 2024 11:20:34 +0200
Subject: [PATCH] fix(storefront): BCTHEME-1779 Legion requires additional ARIA
 markup to assist screen reader users

---
 CHANGELOG.md                                             | 1 +
 lang/en.json                                             | 2 ++
 templates/components/category/product-listing.html       | 2 +-
 templates/components/faceted-search/selected-facets.html | 2 +-
 4 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index de785877ea..c539475d8b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Draft
+- Legion requires additional ARIA markup to assist screen reader users [#2435](https://github.com/bigcommerce/cornerstone/pull/2435)
 
 ## 6.13.0 (02-12-2024)
 - Fix HTML markup for product listing and below content region [#2426](https://github.com/bigcommerce/cornerstone/pull/2426)
diff --git a/lang/en.json b/lang/en.json
index 838959839f..1f7d8b9250 100755
--- a/lang/en.json
+++ b/lang/en.json
@@ -225,6 +225,7 @@
     },
     "category": {
         "label": "Categories",
+        "product_label": "Filtered products",
         "shop_by_price": "Shop By Price",
         "shop_by_price_range_aria": "Price range from {from} to {to}",
         "filter_price_range": "Price range:",
@@ -870,6 +871,7 @@
         "faceted": {
             "selected": {
                 "title": "Refine by",
+                "facet-label": "Applied filters",
                 "rating-label": "Rated {rating, plural, one {# Star} other {# Stars}} Or More",
                 "no-filters": "No filters applied",
                 "clear-all": "Clear all"
diff --git a/templates/components/category/product-listing.html b/templates/components/category/product-listing.html
index d15ce13880..f8980d248e 100644
--- a/templates/components/category/product-listing.html
+++ b/templates/components/category/product-listing.html
@@ -3,7 +3,7 @@
 {{#if category.products}}
     {{> components/products/filter sort=pagination.category.sort}}
 
-    <div data-list-name="Category: {{category.name}}">
+    <div data-list-name="Category: {{category.name}}" role="region" aria-label="{{lang 'category.product_label'}}">
         {{#if theme_settings.product_list_display_mode '===' 'grid'}}
             {{> components/products/grid products=category.products show_compare=category.show_compare theme_settings=theme_settings event="list" }}
         {{else}}
diff --git a/templates/components/faceted-search/selected-facets.html b/templates/components/faceted-search/selected-facets.html
index 493b61bb73..25426f20dd 100644
--- a/templates/components/faceted-search/selected-facets.html
+++ b/templates/components/faceted-search/selected-facets.html
@@ -1,4 +1,4 @@
-<div class="facetedSearch-refineFilters sidebarBlock">
+<div class="facetedSearch-refineFilters sidebarBlock" role="region" aria-label="{{lang 'search.faceted.selected.facet-label'}}">
     <h2 class="sidebarBlock-heading">
         {{lang 'search.faceted.selected.title'}}
     </h2>