From 8e28aaa1916f275b15c99e036424e7eff3efc197 Mon Sep 17 00:00:00 2001
From: Karen Rasmussen <rasmussenkaren@outlook.com>
Date: Mon, 29 Dec 2025 15:45:17 -0300
Subject: [PATCH] Update descriptions used as aria-labels in FilterControls

---
 src/sidebar/components/search/FilterControls.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/sidebar/components/search/FilterControls.tsx b/src/sidebar/components/search/FilterControls.tsx
index 349f66c7d2c..ff2d357c5db 100644
--- a/src/sidebar/components/search/FilterControls.tsx
+++ b/src/sidebar/components/search/FilterControls.tsx
@@ -162,7 +162,7 @@ export default function FilterControls({
         {hasSelection && (
           <FilterToggle
             label={`${selectedCount} selected`}
-            description={`Show ${selectedCount} selected annotations`}
+            description={`Show only the ${selectedCount} selected annotations. Press to clear this filter and show all annotations.`}
             active={true}
             setActive={() => store.clearSelection()}
             testId="selection-toggle"
@@ -172,7 +172,7 @@ export default function FilterControls({
           <FilterToggle
             icon={ProfileIcon}
             label={`By ${focusFilters.user.display}`}
-            description={`Show annotations by ${focusFilters.user.display}`}
+            description={`Show annotations by ${focusFilters.user.display}. Press to clear this filter.`}
             active={focusActive.has('user')}
             // When a selection exists, it replaces other filters.
             disabled={hasSelection}
@@ -184,7 +184,7 @@ export default function FilterControls({
           <FilterToggle
             icon={FileGenericIcon}
             label={`Pages ${focusFilters.page.display}`}
-            description={`Show annotations on pages ${focusFilters.page.display}`}
+            description={`Show annotations on pages ${focusFilters.page.display}. Press to clear this filter.`}
             active={focusActive.has('page')}
             disabled={hasSelection}
             setActive={() => store.toggleFocusMode({ key: 'page' })}
@@ -195,7 +195,7 @@ export default function FilterControls({
           <FilterToggle
             icon={FileGenericIcon}
             label="Selected chapter"
-            description="Show annotations on selected book chapter(s)"
+            description="Show annotations on selected book chapter(s). Press to clear this filter."
             active={focusActive.has('cfi')}
             disabled={hasSelection}
             setActive={() => store.toggleFocusMode({ key: 'cfi' })}